You can redefine the appearance for each mobile widget
in your style sheet to meet the layout requirement.
About this task
You can change
Figure 1 to
Figure 2 using the default base class.
Procedure
- See Table 1, the default base class for list
item is eglMblListItem, and the default base class
for button is eglMblBtn.
- Add the following css rules to the style sheet associated
with your RUI handler.
.eglMblListItem .eglMblBtn{
float: right; margin-right: .3em; }
- Refresh the visual editor.
Results
You can find that all the mobile buttons inside of the list
items are floated right and buttons outside of the list items are
not affected.