Expand my Community achievements bar.

SOLVED

For OSGI Forms -Can we Apply theme to Adaptive From Table Component only

Avatar

Level 5

Hi Team

Currently we have more tabular content for our forms (we are planning to use Adaptive Form Table Component), Is it possible to apply the theme only for Adaptive From Table Component only to have Rich User Experience For Table Content  . Current Theme having issues with Look And Feel (LAF) to rendering table component , We would like handle table content without impact overal Form LAF.

 

Please let me know if any alternative (preferable rich user experience and LAF) to handle tabular content in our OSGI Adaptive Forms.

 

Here is sample table content planning to Use Table Component or other options if any.

varaande_0-1721272224441.png

 

Regards

Vara

1 Accepted Solution

Avatar

Correct answer by
Employee

Hi Vara,

Are you using foundation adaptive form or core component based adaptive form? In both the cases, a theme is applied at the form level only. A form can't have two themes applied. For your use case, you can consider the following approaches

 

Foundation Adaptive Form

You can define a class name for a table component within an adaptive form. Define styles with table class name as parent selector for components to be used within this table. The CSS styles can be defined in a CSS file or client library and can be applied to form, so these specific styling apart from theme can be picked.

 

pankajpr_0-1724659280689.png

 

Core Component Adaptive Form

In this case, you can leverage style system framework to define different style variant for a component. In authoring, you can chose variant to be applied.

 

Regards,

Pankaj Parashar

 

 

View solution in original post

1 Reply

Avatar

Correct answer by
Employee

Hi Vara,

Are you using foundation adaptive form or core component based adaptive form? In both the cases, a theme is applied at the form level only. A form can't have two themes applied. For your use case, you can consider the following approaches

 

Foundation Adaptive Form

You can define a class name for a table component within an adaptive form. Define styles with table class name as parent selector for components to be used within this table. The CSS styles can be defined in a CSS file or client library and can be applied to form, so these specific styling apart from theme can be picked.

 

pankajpr_0-1724659280689.png

 

Core Component Adaptive Form

In this case, you can leverage style system framework to define different style variant for a component. In authoring, you can chose variant to be applied.

 

Regards,

Pankaj Parashar