Set html controls to mini (data-mini=true) RRS feed

  • Question

  • Hi,

    I'd like to set every html element/control to data-mini=true to render a smaller version of all controls: jQuery Mobile - Form size comparison

    How can i do this in LightSwitch ?

    Thanks in advance!

    • Edited by MajorT Sunday, November 3, 2013 9:01 PM
    Sunday, November 3, 2013 8:59 PM


  • Hi,

    I think you can set html control to data-mini="true" in your application, here is an example below:

    <a tabindex="0" class="id-element ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-mini" data-role="button" data-theme="a" data-mini="true" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperEls="span"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Method1</span></span></a> 

    You can also check previous discussion here.


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    • Marked as answer by Angie Xu Monday, November 18, 2013 12:16 PM
    Friday, November 8, 2013 9:33 AM