Custom clientlibs in edit mode | Community
Skip to main content
J
jakej40603950
Level 5
March 16, 2019
Solved

Custom clientlibs in edit mode

  • March 16, 2019
  • 4 replies
  • 2939 views

Hello,

I have noticed that if I open any page in touch UI edit mode (../editor.html/..), the custom clientlib javascript associated with the components get disabled.

For e.g. if there's a tab component and if the tab clicks are handled by custom javascript, the clicks don't work anymore in edit mode.

Is it possible to ensure the javascript remains functional even in edit mode?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by arunpatidar

Hi,

I think the problem is with the DOM here.

In edit mode your components actual DOM is loaded inside iframe and the component editable div loaded top of that, since this editable div and z-index higher so you can't interact with actual Dom in Edit mode.

E.g. Tab components, you must have to switch from edit to preview in order to edit another tab.

How to add parsys to Touch UI Tab Component 

4 replies

VeenaVikraman
Community Advisor
VeenaVikramanCommunity Advisor
Community Advisor
March 16, 2019

Are you getting any error in the console ?

smacdonald2008
smacdonald2008
Level 10
March 16, 2019

Go through the WEEKEND tutorial and you will see - once setup properly - clientlibs behave in TOuch UI, even in edit mode.

Prince_Shivhare
Community Advisor
Prince_ShivhareCommunity Advisor
Community Advisor
March 17, 2019

Few things you should check --

1. check in error.log if you are getting any error.

2. console error if any.

3. I am not sure but you can try putting condition in your sightly like if edit mode, then apply the clientlib accordingly. if disable then apply the preview mode javascript.

let us know if you find anything in this.

~ Prince

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
March 17, 2019

Hi,

I think the problem is with the DOM here.

In edit mode your components actual DOM is loaded inside iframe and the component editable div loaded top of that, since this editable div and z-index higher so you can't interact with actual Dom in Edit mode.

E.g. Tab components, you must have to switch from edit to preview in order to edit another tab.

How to add parsys to Touch UI Tab Component 

Arun Patidar
Terms & ConditionsAccessibility statement

Loading footer...