Hi team, i have some columns that have been defined as dates, however, we only use the time parts. So in the panel there are datefields with mask HH24:MI. This works perfectly, however, everytime the datepicker appears and that is confusing for the users. How can i hide the datepicker? Offcourse i know the work-around with a view and a surrogate column and a bunch of triggers... But that's far too much work for only hiding something. Kind regards, Jan Willem |
Hi Jan Willem, To hide all date picker icons, add the following custom CSS:
To hide all date picker icons in a panel named panel1, add the following custom CSS:
However, if you want to hide a specific date picker component's icon, you have to run the following JS code by using a external methods:
Hope this helps. Kind Regards, Serdar |
Hi Serdar, The customer CSS is working fine, however, i can not define the time columns (dateformat HH24:MI) smaller. The html looks like this:
As you can see, the DIV gets the width specified in the panel (60px), however, the input field gets a mysterious width of 43px. Where does the 43px come from? I want the DIV set to 50px, because i need the space for other columsn. However, when i specify this in the panel, the input field gets a smaller width. And i can not see the time anymore when i click in it. Kind regards, Jan Willem |
Hi Jan Willem, The reason of this difference in widths is removing the date picker icon without adjusting widths. To solve this issue you need to adjust the widths too. For example: To adjust widths of a datefileds inside panel1
To adjust width of a specific datefield update the function like this
or you can add a CSS rule for that too
Kind Regards, Serdar Thanks Serdar. This works perfectly. In my case i can set the width now to 45 and that's exactly what's needed. Kind regards, Jan Willem
(06 Jul '17, 05:14)
Jan Willem V...
|