Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

HTML Component Inheritance

Aeneas,

How did you put select inside HTML component.

Please show us some screen shots about this implementation.

Thanks.

Aeneas McBurney
Posts: 0
Joined: Mon Jun 16, 2014 7:49 am

HTML Component Inheritance

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

Image

Aeneas McBurney
Posts: 0
Joined: Mon Jun 16, 2014 7:49 am

HTML Component Inheritance

Any updates here?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

HTML Component Inheritance

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)

Aeneas McBurney
Posts: 0
Joined: Mon Jun 16, 2014 7:49 am

HTML Component Inheritance

Hi,

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

See ss...
Image

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

HTML Component Inheritance

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.

Return to “Issues”