Forum | Appery.io

Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/

Toggle button design different at runtime

https://forum.appery.io/viewtopic.php?t=815

Page 1 of 1

Toggle button design different at runtime

Posted: Fri Jun 19, 2015 3:12 am
by Aeneas McBurney

I have created a toggle button css as below

.onoffswitch .ui-slider-switch {height:25px; width:80px !important;background-color: #aaaaad !important;border-color: #aaaaad }
.onoffswitch .ui-slider-label { font-size:12px; }
.onoffswitch .ui-btn-f {height:21px !important;background-color: #353537 !important; border-color:#353537 !important;}

It works at design time but reverts back runtime. See screenshots below..

design...
Image

runtime...
Image

Toggle button design different at runtime

Posted: Sat Jun 20, 2015 12:08 am
by Illya Stepanov

Hi Aeneas -

Inspect your CSS styles in browser developer tools, it looks like there are some collisions in styles inheritances.

Toggle button design different at runtime

Posted: Sat Jun 20, 2015 12:27 am
by Aeneas McBurney

Shouldn't this show the same at design time? The display should be consistent and I'm not sure what to check to get it corrected.

All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited