Question

How to add "Max-Height" attribute for Table Layout

Table Layout - need a work around to add "max-height" attribute for a one of the table layout.

As Table layout do not that inline style not sure what element class i need to use in Custom CSS

***Moderator Edit-Vidyaranjan: Updated Platform Capability***

Correct Answer
December 4, 2019 - 7:55am

Hi,

Please find the below steps in order to add the custom CSS for a table.

  1. Open the Dynamic layout properties that contains the table.
  2. Under Presentation tab of the table, Enable the check box "Display advanced presentation options", now you can see the field "Custom CSS class".
  3. In the "Custom CSS class" field, type "customclass". Please find the below screenshot for reference,                  

       

 

           4. Save the section. Navigate to the UserWorkForm.

           5. Now add the custom code (business requirement) in the UserWorkForm to add "max-height" attribute.

<style>

.customclass table {

***Custom code based on business requirement********

}

  </style>

Hope this helps!

Thanks,

Geeda.

Comments

Keep up to date on this post and subscribe to comments

Pega
December 4, 2019 - 2:35am

Hi,

Thanks for posting your query in PSC!

Could you please try adding the element class as table in the custom CSS?

Thanks,

Pega
December 4, 2019 - 7:55am

Hi,

Please find the below steps in order to add the custom CSS for a table.

  1. Open the Dynamic layout properties that contains the table.
  2. Under Presentation tab of the table, Enable the check box "Display advanced presentation options", now you can see the field "Custom CSS class".
  3. In the "Custom CSS class" field, type "customclass". Please find the below screenshot for reference,                  

       

 

           4. Save the section. Navigate to the UserWorkForm.

           5. Now add the custom code (business requirement) in the UserWorkForm to add "max-height" attribute.

<style>

.customclass table {

***Custom code based on business requirement********

}

  </style>

Hope this helps!

Thanks,

Geeda.

December 4, 2019 - 12:08pm
Response to GeedA

Thanks Geeda. This works. 

 

Regards,

Mahesh

December 4, 2019 - 9:23am

Under the "Presentation" tab of the table check the "fixed" size grid option. You'll be then able to specify the height in pixels.

 

Check attached screen shot.

 

December 4, 2019 - 12:02pm
Response to Krithiga_GCS

Hi Krithiga, Thanks for the response. With this approach if the data is less than the specified pixels, that table space is still reserved and we see blank area on screen. attached screen print. With max-height attribute this space will not be reserved.