JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Tabs Problems with tabs and date time picker

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #103572
    Up
    0
    Down

    As You suggested in a previous post I created some tabs with the auto-height class and it seems to work.

    <smart-tabs style=”width : 100%” selected-index=”1″ class=”auto-height” id=”tabsConfiguration”>

    Howhever when I put in one of theese tabs a smart-date-time-picker with the calendar active

    <smart-date-time-picker drop-down-position=”center-bottom” enable-mouse-wheel-action=”true” calendar-button=”true” id=”e1261304372″ format-string=”dd/MM/yyyy” class=”elemento_testo_valore” value=”15/12/2021″ name=”e1261304372″ onchange=”mostraAlertMsgOption(this)” onfocus=”on_focus(this)”>

    the calendar opens but is olny partially visible because it goes out of the tab dimention.

    How can I solve this issue ?

    Tks

    Tullio

     

    #103603
    Up
    0
    Down

    Hi,

    You can use the dropDownAppendTo property of the smart-date-time-picker and append it to the body

    <smart-date-time-picker drop-down-append-to="body"></smart-date-time-picker>
    This will fix your problem.
    
    If you need further help, do not hesitate to contact us!
    
    

    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.