Miguel Angel Carvajal
Posts: 0
Joined: Fri Sep 13, 2013 6:48 pm

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

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!

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

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

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.

Miguel Angel Carvajal
Posts: 0
Joined: Fri Sep 13, 2013 6:48 pm

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

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

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

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

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

andyk
Posts: 0
Joined: Mon Jun 02, 2014 5:44 pm

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

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?

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

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

Hello,

Could you try this:

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

andyk
Posts: 0
Joined: Mon Jun 02, 2014 5:44 pm

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

Perfect! You guys are great!

Return to “Issues”