Home > WebEOC > Admin Guide > Board Building Tips > Hide the Date Time Picker

Hide the Date Time Picker

It is possible to use tags to hide the date time picker on boards. To keep the functionality of the <currentdate> and <currenttime> tags, which auto-populate a date or time into a field, and prevent users from changing that information, follow the procedure outlined below.

To hide the date time picker with CSS
  1. In the board editor, make your field read-only by adding the attribute readonly="" to your input field.

  2. Wrap your input field in a <span> tag with the class of hide. <span class="hide">.....</span>

  3. Add this to your css block:

.hide img{
display:none;
}
.hide input{
border:none;
} 

These steps make the field read-only, take away the box around the field so it appears uneditable, and remove the calendar picker image so the date cannot be changed via the calendar picker.

You must to post a comment.
Last modified

Tags

Classifications

This page has no classifications.