Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #107378
    valve1023@gmail.com
    Participant

    Hello

    The rendering of textboxes or comboboxes with labels inside a tabs container is distorted.

    The labels are either not visible or appearing overlapped.

    Is there a way to fix this issue?

    <smart-tabs class=”demoTabs” selected-index=”1″>
    <smart-tab-item label=”TAB 1″>
    <smart-text-box label=”1″></smart-text-box>
    <smart-text-box label=”2″></smart-text-box>
    <smart-combo-box label=”combo1″></smart-combo-box>
    <smart-text-box label=”3″></smart-text-box>
    <smart-text-box label=”4″></smart-text-box>
    </smart-tab-item>
    </smart-tabs>

    #107415

    Hi,

    This is happening because of the label’s position property.
    You can fix this by applying margins where needed:
    https://codepen.io/svetoslavb04/pen/eYQRzxj

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.