Question
Wellsfargo
IN
Last activity: 2 Apr 2024 12:46 EDT
Labels are display in stacked layout format when value is large.
Hi
I have created a view called "Details" and with in this Details view, i have added description property to see the data in review screen.
Scenario#1:
For example if user enters 20 chars for description field. in the details view the label and value is displayed side by side.
Example: <Description label> <Description label>
Scenario#2:
For example if user enters 200 chars for description field. in the details view the label and value is displayed in the stacked layout format.
Example:
<Description label>
<Description value>
our expectation is we want show labels and values as side by side ( labels left align to value as similar to scenario#1)
Can some help us.
LTIMindtree Limited
IN
This is because of responsiveness I suppose. Because it seems you are using constellation and since in constellation skin rule is not used, you can see the class using developer tools where the css classes are generated runtime. The only option that we have is to use the Rule-UI-Theme instance. You can find all the configurations currently supported as a part of theme rule in the below link.
Wellsfargo
IN
Hi @AdrijaC7 , I have gone through the constellation design system and based on the value its changing the presentation from one way to other. but we would like to show them in the form of <label in line left to value>.
Thankyou.
LTIMindtree Limited
IN
I believe you may have to write a specialized react component in that case and use that in your application.
Pegasystems Inc.
GB
Could you post screen shots of the view configuration and runtime behavior, as I am not sure I fully understand the configuration that would lead to this behavior?