Support Article
Layout container information is unresponsive
SA-86370
Summary
On adding information to collapsible containers, the fields move out of their layout containers and display on consecutive lines instead of inline. Additionally, images do not load.
Error Messages
Not Applicable
Steps to Reproduce
- Create a Layout container.
- Add multiple dynamic layouts.
- Add labels, text inputs, and dropdowns with more text.
Root Cause
An issue in the custom application code or rules.
Pega default styles were overridden.
Resolution
Perform the following local-change:
Add the below code in the UserWorkForm:
<style>
@media (min-width: 481px) and (max-width: 1024px) {
.ie .header-content, .ie #ScreenFlowTabs ul{
display: block;
}
div[node_name="EditBusinessEntityInfo"] .layout-content-fbiedoublesplit .content-item.content-layout.item-2.flex.flex-row
.content-item.content-field.item-1.flex.flex-row.dataValueWrite{
margin-left: 20%;
}
}
</style>
Published December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.