[SOLVED]How do I resize sliderbar using css?

Hello World,

How can I resize the sliderbar object using css? What properties do I have to use? I wanna make it bigger so it can be easier to use with touch.

Thank you.

After a few Google searches I believe this is your best bet : http://www.hongkiat.com/blog/html5-range-slider-style/

Ok, but how do I translate those things into C2 events and actions Magistross ?

Using event on start of layout, action slider set css style I need to know what to enter there:

You won't be able to do it with the "Set CSS style" action since you will need to have some pseudo selectors and what not in your CSS. There's a trick to load a CSS file as a user posted recently, you will need to do something similar.

Give your progress bar an ID then build your CSS around it.

The problem Magistross is that the sliderbar object doesn't have any similar action to "set web font" like the text does. Any way to work around that?

Yep, you add a dummy text object like shown. It was aptly named "css_loader", since all it will do is load a css file using the "Set web font" hack. Loading the CSS file with the dummy text object will make the style definition contained in the file accessible to all the HTML controls in the page, including your progress bar.

K, I tried a couple of times, I must be doing something wrong. Could you please make a capx Magistross to show me how it's done?

There is also the CssImport plugin that might help..

Thank you, I already have that plugin LittleStain . Although I don't really see what the big difference is between using that one or just importing the file from the projects tab....

Thank you, I already have that plugin LittleStain . Although I don't really see what the big difference is between using that one or just importing the file from the projects tab....

Biggest difference in my opinion is that you don't have to do anything..

Just adding it to my project made sure the css I needed to make my openstreetmap work worked..

So all you'd have to do is add an ID and reference it in your css file and it should work..

No further actions..

Adding an ID wasn't even nescessary..

Here's a Working example using Css import plugin...

Here's a tool to easily style the slider bar. It's supposedly cross-browser but IE11 doesn't seem to work...

http://danielstern.ca/range.css/#/

Wooow, it works!!!!!(not your capx Stain, that one gives a bunch of errors, but I took the general idea from it tried it in my game, and it worked) Yaaaaaay. Thank you LittleStain , Magistross very very much.