Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Disable Component Dragging Touch UI

Avatar

Level 2

It looks like when you LClick on a component in the Touch UI, it automatically triggers a "dragging" action for that component. We are running into issues with this behavior.

 

Components are being added to their appropriate section/parsys. Once the component is there, a user attempts to click on the component to bring up the Edit Bar in order to perform some action on the component (eg. open the dialog for the component). Since LClick is triggering a "dragging" action even with NO mouse movement, there are times the default "dragging" action mistakenly moves a component from one parsys into a neighboring one.

 

Please note that restricting the component groups between neighboring parsys

4 Replies

Avatar

Level 4

dscirto wrote...

It looks like when you LClick on a component in the Touch UI, it automatically triggers a "dragging" action for that component. We are running into issues with this behavior.

 

Components are being added to their appropriate section/parsys. Once the component is there, a user attempts to click on the component to bring up the Edit Bar in order to perform some action on the component (eg. open the dialog for the component). Since LClick is triggering a "dragging" action even with NO mouse movement, there are times the default "dragging" action mistakenly moves a component from one parsys into a neighboring one.

 

Please note that restricting the component groups between neighboring parsys

 

Is it happening with all the components? In Desktop/Laptop or Mobile Devices?

Avatar

Level 2

navinkaushal wrote...

dscirto wrote...

It looks like when you LClick on a component in the Touch UI, it automatically triggers a "dragging" action for that component. We are running into issues with this behavior.

 

Components are being added to their appropriate section/parsys. Once the component is there, a user attempts to click on the component to bring up the Edit Bar in order to perform some action on the component (eg. open the dialog for the component). Since LClick is triggering a "dragging" action even with NO mouse movement, there are times the default "dragging" action mistakenly moves a component from one parsys into a neighboring one.

 

Please note that restricting the component groups between neighboring parsys

 

Is it happening with all the components? In Desktop/Laptop or Mobile Devices?

 

I'm not sure if it's with "all" components, unfortunately. I know that it's with a reasonable subset of components, some of which are custom and others that are overlays of foundation. Our team of developers are currently only working in desktop/laptop environments.

Avatar

Level 7
        Could you please provide you cq:dialog structure. It seems you have not created your dialog properly. And is it happening for all components or only selected one. If happening for any specific custom component. Please check if you are adding any specific J's on that component.

Avatar

Level 2

AnkurAhlawat wrote...

Could you please provide you cq:dialog structure. It seems you have not created your dialog properly. And is it happening for all components or only selected one. If happening for any specific custom component. Please check if you are adding any specific J's on that component.

 

<?xml version="1.0" encoding="UTF-8"?> <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" jcr:primaryType="nt:unstructured" sling:resourceType="cq/gui/components/authoring/dialog"> <content jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/container"> <layout jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/> <items jcr:primaryType="nt:unstructured"> <columns jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/container"> <items jcr:primaryType="nt:unstructured"> <tabpanel jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/container"> <layout jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/tabs" type="nav"/> <items jcr:primaryType="nt:unstructured"> <link-configuration jcr:primaryType="nt:unstructured" jcr:title="Link Configuration" sling:resourceType="granite/ui/components/foundation/container"> <layout jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/> <items jcr:primaryType="nt:unstructured"> <columns jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/container"> <items jcr:primaryType="nt:unstructured"> <link-path jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/pathbrowser" fieldDescription="The path that this link goes to" fieldLabel="Link Path" name="./linkPath" rootPath="/content"/> <link-optional-title jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/textfield" fieldDescription="Title for this link (defaults to the title of the page Link Path points to)" fieldLabel="(Optional) Link Title" name="./linkOptionalTitle"/> <link-alt-text jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/textfield" fieldDescription="Text for the alt tag on this link" fieldLabel="Link Alt Text" name="./linkAltText"/> <link-class jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/textfield" fieldDescription="Class to place on the 'li' element for this link" fieldLabel="Link Class" name="./linkClass"/> <show-children-event jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/select" value="mouseenter mouseleave" fieldLabel="Show Children Event" name="./showChildrenEvent"> <items jcr:primaryType="nt:unstructured"> <hover jcr:primaryType="nt:unstructured" text="Hover" value="mouseenter mouseleave"/> <click jcr:primaryType="nt:unstructured" text="Click" value="click"/> </items> </show-children-event> </items> </columns> </items> </link-configuration> <authoring-configuration jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/include" path="/obfuscated/path" /> </items> </tabpanel> </items> </columns> </items> </content> </jcr:root>

 

This is an example cq:dialog of a component that I have personally run into this issue with. Let me know if you see anything