Search for CSS(Sencha Touch) tutorials - sencha-touch

I want to change the layout of my app. I want use my own buttons and change background color.
Can someone post some useful tutorials. I'm not so good in css
thanks for help

My only advice is for you to use Firebug if you want to customize you app.
Set cls attributes to your components, launch the app on a Firefox/Chrome/Safari and then just right click on the HTML element you want to customize and take a look at the CSS set for the element. Then, it's all about CSS writing.

Either you can override the existing CSS with your own stylesheet, you can also use SCSS for theming a touch application. Take a look at this guide on SCSS http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch

ya you can change your background colors in touch-charts-full.css file. In that you can able to change shape of the buttons also.If suppose you want to chnage the background color of toolbar, Search for toolbar in css file and change background color in that.

Related

bootstrap-vue change tabs title background color only

Am already had a navbar and a tags tabs, all works good with my styling, now am trying to convert it to bootstrap-vue. non is working.
Start simple, i followed this question here [https://stackoverflow.com/questions/49105258/change-title-color-of-bootstrap-vue-tab-title][1]
but the styling does not change. what would be the right way, to change only the background color of titles for all tabs, and make it act as sticky menue?
After long search i got help. and all i wanted is to use
::v-deep {}
on my styling.

How to Make a custom slider using slick slider with thumbnail slider?

I am working on one project which has a slick slider. I want to make a custom slick slider same as https://www.masterclass.com Where once you click on thumbs it will redirect you to somewhere and it will change main slider images while you click on arrows it will change the sliders.
I have gone through this website http://kenwheeler.github.io/slick/ but it is not what i am looking for. Thanks
If you go to http://kenwheeler.github.io/slick/ and do a find for slider syncing, it will show a demo that functions very similar to what you are describing.
To have the slide redirect on click, in the HTML, make the slide(s) content links with the href pointing to wherever you want to go.
Unless I'm missing your intent, this is almost exactly the slider behavior shown on https://www.masterclass.com.
Let me know if this helps! Good Luck!

How to Set Scrollbar theme in XAML webview?

I'm creating a windows 10 xaml app. One of the views contains a webview which fetches some html.
My problem is that although the default theme on the app is set to dark, the scrollbar in the webview is always light, which jars against the rest of the UI.
I've tried setting the RequestedTheme=dark on the webview, but no joy
Unfortunately this isn't possible since the WebView is based off of Edge and Edge doesn't currently support it, as you can see here. If Edge gets this feature, you could simply insert a STYLE into your head element to define the color.

Overriding Windows 8 application theme for a specific UserControl

I'm developing a Windows Store app using the "Dark" theme, which works fine for the main body of the app. However, for the settings flyout, I want to match the appearance of the system-provided "Permissions" flyout, which is to say, black on white.
Unfortunately, that's rather hard to set for every control with the Dark theme in operation.
Is there a way to use the "Light" theme, overriding the application default, for the UserControl I'm using for my settings pane, or is the only way to to do this to copy all the relevant chunks of the theme file for it into the resources of the UserControl?
I had this exact same problem - using the dark theme, and also using a light background for the settings flyout. The research that I did didn't turn up anything either. I ended up having to style my controls so that they would appear properly on the light settings flyout.
One other thought that I had was this, although I didn't go down this path - to use the light theme as the default, but change my app styling so that the main elements would appear dark. This would mean that the flyout controls would not have to be restyled. I guess it depends on how many controls you are using, and which path is easier.
If you go down the 2nd path, your app obviously loses the ability to change themes on the fly.

how to change scrollbar theme in vb.net?

Do you know anyway to change the style and theme of a scroll bar in a vb.net application? I need code or program that changes all scroll bars of the form.
I've been searching the web and found programs to change color of scroll bar but they were mostly designed for websites and written in CSS or JavaScript code. I would be so thankful if you have a solution for it.
Thanks
There isn't any property or feature to change the style of scrollbar of WinForm control. You should have to choose WPF instead of WinForm.