change button colour with css
Thanks Katya,
do you think that's why the modified buttons in my theme don't work
cheers
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/
Thanks Katya,
do you think that's why the modified buttons in my theme don't work
cheers
Could you please clarify, what exactly doesn't work?
Have you Custom theme added? Did you choose your theme in the App Settings? What's wrong with button?
Hi Katya,
I am using a themeroller theme which has been modified, the theme in the app is called ios and is selected,
this is a link to theme
https://github.com/taitems/iOS-Inspir...
the backround, footer header, header buttons all work, the page buttons, selectmenu items dont,
that was the reason I uploaded the css file "BlackBtnTheme"to modify these items ".ui_btn-up-a"
heres an image of buttons that are in the theme
http://taitems.github.com/iOS-Inspire...
When you mentioned there was a bug, I was hoping the fix of this would solve these issues.
Hope this helps
Cheers
Where did you get this theme?
Seems it's not from Theme Roller. There are no settings called "a" in our theme.
I would advice you to use Theme Roller for creating custom themes.
katya,
this is a jquery theme modified to look like ios
this is the link to where I downloaded it from
https://github.com/taitems/iOS-Inspir...
as regarding "a"
in the css "BlackBtnTheme" file I uploaded originally it didnt work until you suggested to change
div.BlackBtnTheme .ui-btn-up-a
to
a.BlackBtnTheme.ui-btn-up-a
the result of this was The css file now changed the colour of the page buttons,
I was hoping to be able to use the same css to change the selectmenu colour as this was all I needed to do.
So when you say there is a bug I am unsure of the next direction.
Sorry for taking up so much time,
kind regards
Michael
You are using special style.
To make buttons change you should add class "ui-btn-plain" (Class Name property on properties panel).
Hi Katya,
this is the button with class ui-btn-plain
and this ( which is the result I wanted) with class BlackBtnTheme
neither class change selectmenu
But I do understand this theme is not straight out of themeroller, however it is a jquery theme, I wanted to use this as its the closest available that looks like ios,
I will use what I have got until Tiggzi rolls out an Ios theme
Thanks again
Hello!
As soon as bug is fixed you'll be able to change Select Class Name - and it will look like button. There is a workaround. For now, you can fix this manually in your project.
In file BlackBtnTheme replace:
codea.BlackBtnTheme.ui-btn-up-a /codewithcodea.ui-btn-up-a/code
codea.BlackBtnTheme.ui-btn-hover-a/codewithcodea.ui-btn-hover-a/code
codea.BlackBtnTheme.ui-btn-down-a/codewithcodea.ui-btn-down-a/code
Then go to Screen2 and change Select Swatch to "A". Styles are applied to both button and select.
Thanks very much for that Katya,
the workaround works great, changes select colour as you said, only prob is because the colour we changed to is black, the text shows white, this is ok on select, however when you click the select the menu if difficult to read. just letting you know.
cheers
Bug with saving Class name should be fixed already