Page 1 of 1

Font size for a specific button

Posted: Wed May 01, 2013 12:45 pm
by Rafael Martínez

It is posible to change the font-size for a specific button or a specific theme?

We can change .ui-btn-text in our custom CSS but this apply to all the buttons and all the themes in the project.

We have tried to set with JS:

Appery('buttonName').css('font-size', '22px');

and this not work.

Some help?

Thank in advance.


Font size for a specific button

Posted: Wed May 01, 2013 1:25 pm
by maxkatz

code
<a data-role="button" name="btn" dsid="btn" class="mobilebutton1 ui-btn ui-shadow ui-btn-corner-all ui-fullsize ui-focus ui-btn-up-b" id="j_4" data-corners="true" data-mini="false" data-theme="b" tabindex="1" data-shadow="true" data-iconshadow="true" data-wrapperels="span"><span class="ui-btn-inner"><span class="ui-btn-text">
Button
<&#47;span><&#47;span><&#47;a>
/code

You should use Chrome Dev. Tools to see where to set the font. You actually need to go further and find the element that holds the label "Button" and change its style.


Font size for a specific button

Posted: Fri May 24, 2013 6:06 am
by aviz

i am facing the same problem. Appery does not give the flexibility to add a class name along with .ui-btn-text which is a span tag!


Font size for a specific button

Posted: Fri May 24, 2013 6:17 am
by Maryna Brodina

Font size for a specific button

Posted: Fri May 24, 2013 6:23 am
by aviz

a.menuBtn.ui-btn-text
{
font-style:normal;
font-size: 12px;
}

Where menuBtn is the name of the class given to the button

Thank you


Font size for a specific button

Posted: Fri May 24, 2013 7:59 am
by Maryna Brodina