Page 2 of 2

change button colour with css

Posted: Wed Jan 30, 2013 10:17 pm
by Michael4771079

Thanks Katya,
do you think that's why the modified buttons in my theme don't work

cheers


change button colour with css

Posted: Thu Jan 31, 2013 4:09 pm
by Kateryna Grynko

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?


change button colour with css

Posted: Thu Jan 31, 2013 4:38 pm
by Michael4771079

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


change button colour with css

Posted: Thu Jan 31, 2013 5:48 pm
by Kateryna Grynko

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.


change button colour with css

Posted: Thu Jan 31, 2013 6:26 pm
by Michael4771079

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


change button colour with css

Posted: Thu Jan 31, 2013 7:17 pm
by Kateryna Grynko

You are using special style.
To make buttons change you should add class "ui-btn-plain" (Class Name property on properties panel).


change button colour with css

Posted: Thu Jan 31, 2013 7:50 pm
by Michael4771079

Hi Katya,
this is the button with class ui-btn-plain

Image

and this ( which is the result I wanted) with class BlackBtnTheme

Image

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


change button colour with css

Posted: Fri Feb 08, 2013 5:48 pm
by Kateryna Grynko

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.


change button colour with css

Posted: Fri Feb 08, 2013 8:26 pm
by Michael4771079

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


change button colour with css

Posted: Tue Feb 19, 2013 6:48 pm
by Maryna Brodina

Bug with saving Class name should be fixed already