Forum | Appery.io

Aeneas,

How did you put select inside HTML component.

Please show us some screen shots about this implementation.

Thanks.

HI, yes I used the html link from paypal. See screenshot below...

Any updates here?

Please run this JS on page show event:

preApperyio("html_component_name").find("select").parent().attr("class","");/pre

(change "html_component_name" to your html component's name)

Hi,

That has done something but still leaves the big font around the outside of the selected item

See ss...

Hi Aeneas,

If you want you select to be the same as in your app - you need to use the same markup.

For example like this:

precode

<div data-role="fieldcontain" class="test_mobileselectmenu_37 ui-field-contain">
<div class="ui-select"><a href="#" role="button" id="test_mobileselectmenu_37-button" aria-haspopup="true" class="ui-btn ui-icon-arrow-d ui-btn-icon-right ui-btn-b ui-corner-all ui-shadow" tabindex="10"><span>
Veni
</span></a><select name="mobileselectmenu_37" id="test_mobileselectmenu_37" dsid="mobileselectmenu_37" data-theme="b" data-role="appery_selectmenu" data-inline="false" data-mini="false" data-icon="arrow-d" data-iconpos="right" data-native-menu="false" tabindex="-1" appery-class="test_mobileselectmenu_37">
<option id="test_mobileselectmenu_37-0" value="Veni" rerender="mobileselectmenu_37" dsid="mobileselectmenu_37-0" selected="selected">
Veni
</option>
<option id="test_mobileselectmenu_37-1" value="Vidi" rerender="mobileselectmenu_37" dsid="mobileselectmenu_37-1">
Vidi
</option>
<option id="test_mobileselectmenu_37-2" value="Vici" rerender="mobileselectmenu_37" dsid="mobileselectmenu_37-2">
Vici
</option>
</select><div style="display: none;" id="test_mobileselectmenu_37-listbox-placeholder"><!-- placeholder for test_mobileselectmenu_37-listbox --><><>
<>

/code/pre

Regards.