Page 1 of 1

How can I change the text size in a mobile radiogroup component?

Posted: Mon Sep 23, 2013 7:25 pm
by Miguel Angel Carvajal

I'm trying to change the text in a radiogroup, and also in a radio button but I have no success.

What I do is create an event on load, and run:

$("[dsid=radiogroup_Section]").css('font-size','450%');
$("[dsid=radiogroup_Opinion]").css('font-size','450%');

also I've tried:
$("[dsid=radiobutton_sectionReception]").css('font-size','450%');

What should I do?
Thanks in advance!


How can I change the text size in a mobile radiogroup component?

Posted: Mon Sep 23, 2013 8:32 pm
by Kateryna Grynko

Hi Miguel,

1) You can use Page Show event.
2) Add the code like the following: codeAppery("mobileradiogroup_36").find(".ui-btn-text").css("font-size","3em");/code
You need to base on the final element. You can use the following code to find it: code.find(".ui-btn-text")/code
It's looking for just such an element - tag "span" in which the text is wrapped directly.
http://docs.appery.io/documentation/d... DOM inspector can help you to find such elements.


How can I change the text size in a mobile radiogroup component?

Posted: Mon Sep 23, 2013 9:18 pm
by Miguel Angel Carvajal

Thanks so much for your support Katya, it worked like a charm with the radio group. I have now a problem with another component.

I'm changing the text size in a select. I've tried with the same instruction but it doesn't work as good as with the radioGroup component.

While I search in the API, probably you could help me one more time.

Thanks


How can I change the text size in a mobile radiogroup component?

Posted: Mon Sep 23, 2013 10:02 pm
by Alena Prykhodko

Create New CSS with code:
pre.ui-page .ui-select .ui-btn-inner {
font-size: 3em;
}/pre


How can I change the text size in a mobile radiogroup component?

Posted: Wed Jun 18, 2014 9:43 pm
by andyk

I have this:
Appery("mobileradiobutton_149").find(".ui-btn-text").css("font-size", "10pt");
in the Page Show event for the page the radio buttons are on (where mobileradiobutton_149 is the button in question), but when I test I don't see any change in the text size.

Am I missing something?


How can I change the text size in a mobile radiogroup component?

Posted: Thu Jun 19, 2014 11:00 am
by Evgene Karachevtsev

Hello,

Could you try this:

codeAppery("mobileradiobutton_68").find(".ui-btn").css("font-size", "10pt");/code


How can I change the text size in a mobile radiogroup component?

Posted: Thu Jun 19, 2014 2:05 pm
by andyk

Perfect! You guys are great!