jQWidgets Forums

jQuery UI Widgets Forums Angular jqxdatetimeinput won't center

This topic contains 1 reply, has 2 voices, and was last updated by  Yavor Dashev 3 years, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • jqxdatetimeinput won't center #120541

    jennisonb
    Participant

    No matter what I do, my datetimeinputs won’t center in their parent DIVs.
    <div style=”margin: auto; width: 100%; text-align: center>
    <jqxDateTimeInput>

    </jqxDateTimeInput>
    </div>

    The jqxDateTimeinput itself is always aligned to left in the div.

    jqxdatetimeinput won't center #120546

    Yavor Dashev
    Participant

    Hi jennisonb,

    I have created a CSS code snippet that showcases how to center the component in a parent div:

    .dateTimeContainer{
        margin: auto;
        width: 100%; 
        display: flex;
        justify-content: center;
    }

    and in you HTML file:

    <div class="dateTimeContainer">
        <jqxDateTimeInput 
        [width]="300" [height]="30" [formatString]="'F'" [showTimeButton]="true">
      </jqxDateTimeInput>
    </div>

    Let me know if that works for you!

    Please, do not hesitate to contact us if you have any additional questions.

    Best Regards,
    Yavor Dashev
    jQWidgets team
    https://www.jqwidgets.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.