Date Picker truncated if added to a table

Products

• CA Service Catalog

Issue/Introduction

Customer reported that they are trying to add a calendar to a given form under a table cell and that the date picker function truncates the calendar display making it unusable.

Did test in-house on an unmodified Catalog instance but could not reproduce. 

Environment

CA Service Catalog 17.4

Resolution

Customer reported that the following workaround resolved issue 

Modify the formdesigner.css (\CA\Service Catalog\view\webapps\usm\gwt\fdBase\css) file to add the following:

.table_layout_header1,
.table_cell_header2 {
      z-index: 1 !important;
}

.datepicker {
    position: relative !important;
    z-index: 4 !important;
}

This modifies the behavior of tables. When the date picker is invoked, it causes the table height to grow and then when the date is picked, it shrinks back down to normal size.

Additional Information

Please take a backup of the formdesigner.css file before applying changes.  Also test in a non-prod environment before rolling out into production