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***
Accepted Solution
Pegasystems Inc.
IN
Hi,
Please find the below steps in order to add the custom CSS for a table.
- Open the Dynamic layout properties that contains the table.
- Under Presentation tab of the table, Enable the check box "Display advanced presentation options", now you can see the field "Custom CSS class".
- 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.
CommonWealth Bank of Australia
IN
Hi,
Thanks for posting your query in PSC!
Could you please try adding the element class as table in the custom CSS?
Thanks,
Accepted Solution
Pegasystems Inc.
IN
Hi,
Please find the below steps in order to add the custom CSS for a table.
- Open the Dynamic layout properties that contains the table.
- Under Presentation tab of the table, Enable the check box "Display advanced presentation options", now you can see the field "Custom CSS class".
- 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.
Pegasystems Inc.
US
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.
PayPal Inc
US
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.