cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Datetimepicker custom style

SOLVED
mplieske
Regular Member

Datetimepicker custom style

Hello there,

I am experimenting a bit with CustomCSS and wonder how to change styles of the popup of the Datetimepicker widget. I figured out how to change the styles of the buttons on the bottom but how can I style the calendar.

 

I tried to change the background color of the span with the attribute title="Monday" but it didn't work how I thought it would:

Screenshot (11).png

 

Could anyone help me with that? Is it even possible with custom css?

 

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Datetimepicker custom style

The easiest way to do this is open your developer tools in chrome or safari (or browser of choice) and use the element selector to quickly find the HTML associated with the widget.  Then look at the styles associated with the different levels of HTML until you find the CSS that is directly affecting your widget.  Copy the div or class value from that level of the HTML in to your custom CSS and make sure you use the important! switch with your styles.

View solution in original post

2 REPLIES 2

Re: Datetimepicker custom style

The easiest way to do this is open your developer tools in chrome or safari (or browser of choice) and use the element selector to quickly find the HTML associated with the widget.  Then look at the styles associated with the different levels of HTML until you find the CSS that is directly affecting your widget.  Copy the div or class value from that level of the HTML in to your custom CSS and make sure you use the important! switch with your styles.

View solution in original post

Re: Datetimepicker custom style

Thank you for your answer. I knew that before but somehow it worked with the copy selector functionality of chrome. Somehow it works with that selector but not with my selector.

Announcements

Check out the upcoming Expert Session: Understanding ThingWorx Navigate Licensing in Community "Customer Events" section.