Skip to main content
M
mervinnobelraj1-Visitor
1-Visitor
December 23, 2020
Solved

Height Control for Data Picker widget in Thingworx 9.0

  • December 23, 2020
  • 1 reply
  • 3616 views

Hi,
I need to control the height in the ptcs-datapicker widget in Thingworx 9.0.

This the custom css i have used for datepicker


.cus-date-pick ptcs-datepicker::part(date-field) {
min-height:25px !important;
}
.cus-date-pick ptcs-datepicker::part(text-box) {
height:25px !important;
}

 

 

In the the first three pic i have used the height properties for datepicker but it is not working,

and the fourth pic  was the only need for us

    Best answer by mervinnobelraj

    Hi @Ciprian-Traian ,

    In The  PTCS-DataPicker I have find the class name to give, it is Working for min-height: 25 px.

    Here The CSS Code

     

    .cus-date-pick ptcs-datepicker::part(date-field) {
    height:25px !important;
    min-height:25px !important;
    }
    .cus-date-pick ptcs-datepicker::part(date-field)::part(text-box){
    min-height:25px !important;
    }

    1 reply

    C
    Ciprian-Traian5-Regular Member
    5-Regular Member
    December 23, 2020

    Hello @mervinnobelraj ,

     

    The date time picker widget doesn't seem to have Date Field defined for height. If you look into the Style Properties of the date picker you see Date Field has only margin.

    The same goes for text-box, it is only part of date field and has only border-color, border-style and border-width.

    You can try to configure the settings from Style Properties.

     

    Hope it helps,

    M
    mervinnobelraj1-VisitorAuthor
    1-Visitor
    December 23, 2020

    Hi @Ciprian-Traian ,

     

    I have configure in the style properties you can refer pic 1 and 2 

    C
    Ciprian-Traian5-Regular Member
    5-Regular Member
    December 23, 2020

    Hi @mervinnobelraj ,

     

    The height doesn't change below 34px in the Properties panel, I have tried that several times.

    This seems to be the min height. I was looking as well in Developer Tools and it does seem so.

     

    image.png

      Terms & ConditionsCookie settingsAccessibility statement