jqxdatetimeinput won't center

[jennisonbParticipant]

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.

[Yavor DashevParticipant]

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

[Author]

Posts