Support Article
Button does not respond to configured click events
SA-48663
Summary
A button does not respond to configured click events. This occurs when configuring a button to float right in a dynamic layout.
Error Messages
Not Applicable.
Steps to Reproduce
- Create a section with two dynamic layouts
- Configure the first layout with a button that has a click action
- Set the dynamic layout to float right
- Configure the second layout with a message that is displayed to the user set the dynamic layout to float right
Root Cause
In this configuration, there are two DIVs with float right and a relative position that takes the full width.
This positions one dynamic layout above the other dynamic layout that contains the button.
Resolution
Perform the following local-change:
Add a non-autogenerated section in the same section and apply the following style:
<style>
div[node_name='sectionname']>div.float-right {
position:relative;
z-index:1;
}
</style>
where, the 'sectionname' value should be the name of the button section.
Alternatively, configure the second dynamic layout inside the other dynamic layout. Thus, the parent dynamic layout does not contain the header.
Published March 17, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.