Issue with styling of date attribute in backoffice?

[Former Member]

We had to change the format of the date details displayed in backoffice for orders.

And after changing the format using a renderer for it, the text box is not completely displayed.

Tried changing the style by creating a custom backoffice.scss and css.

Attached the screenshot of how it looks in backoffice.

[Former Member]

[Former Member · Accepted solution]

I had the same issue when a simple ZK Datebox had to be rendered in a backoffice widget. I solved it by setting the style attribute of the ZK Datebox like this:

 datebox.setStyle("display: table; position: relative; width: 90%");

[Former Member]

Hi Naga,

As you say you can change backoffice style by using custom .css or .scss files. Here is a tutorial on how to do it. Your custom files need to be hooked up to 'backoffice.cockpitng.overridewidgetsandeditors.css' in the project.properties file.

Best regards,

[Former Member]

Thank you