Why does PRPC refresh when using embedded accordion HTML layout?
I would like to add HTML source to a rich text editor in PRPC. My HTML uses CSS to present an HTML accordion layout which will look something like this:
Title 1
This is the first topic that is discussed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Q: This is the first of 2 questions
This is the answer to the first question which is only seen when you click on the accordion button (Q:)
Title 2
This is the second topic that is discussed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Q: This is the second of 2 questions
This is the answer to the second question which is only seen when you click on the accordion button (Q:)
When I add this HTML to a rich text editor and run the solution, PRPC refreshes the section the rich text editor is in when I click the Q: accordion button. This means the answer text is displayed for less than a second then is hidden once again. This does not happen when I view the HTML in a standard browser.
How do I overcome this?
I would like to add HTML source to a rich text editor in PRPC. My HTML uses CSS to present an HTML accordion layout which will look something like this:
Title 1
This is the first topic that is discussed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Q: This is the first of 2 questions
This is the answer to the first question which is only seen when you click on the accordion button (Q:)
Title 2
This is the second topic that is discussed.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Q: This is the second of 2 questions
This is the answer to the second question which is only seen when you click on the accordion button (Q:)
When I add this HTML to a rich text editor and run the solution, PRPC refreshes the section the rich text editor is in when I click the Q: accordion button. This means the answer text is displayed for less than a second then is hidden once again. This does not happen when I view the HTML in a standard browser.
How do I overcome this?
In case you're wondering why I didn't use an accordion layout in a section in PRPC instead of an HTML accordion, it's because the number of accordion layouts will vary on the use case, and only 1 section with an accordion layout is available for all use cases. So the accordion layout in a section cannot be used for this use case.
Accepted Solution
Pegasystems Inc.
US
We overcame this issue by adapting the custom HTML within the rich text editor to not cause a refresh when the button was clicked.
Pegasystems Inc.
IN
Hi,
I think we need to take a look at the custom CSS / HTML in use here.
What I understand that on click of the button you are trying to make a portion of your screen visible. So definitely you are trying to perform a refresh ( i assume )
the point we need to check that how you are trying to do it and why it is refreshing the entire section.
Also you said that you cant use section and accordion because the number of accordion layouts will vary on the use case and only 1 section with an accordion layout is available for all use cases. So the accordion layout in a section cannot be used for this use case.
This I believe can be implemented by circumstancing your section . Please give it a try as well.
Accepted Solution
Pegasystems Inc.
US
We overcame this issue by adapting the custom HTML within the rich text editor to not cause a refresh when the button was clicked.