Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Clickable links in Touch UI Edit Mode

Avatar

Avatar
Validate 1
Level 2
zaneatgm
Level 2

Likes

4 likes

Total Posts

9 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
zaneatgm
Level 2

Likes

4 likes

Total Posts

9 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
zaneatgm
Level 2

15-10-2015

I understand that links are currently not click-able in Touch UI when in Edit Mode.

I have a situation where I am trying to improve the experience for my authors.

We have tabs on the pages that authors are editing. The tabs change what content is shown on the page. Currently the author has to click on the preview mode, then they can switch tabs, then they have to go back to edit mode, click the component, and then click the wrench.

The solution I want is to enable specific links, or even non-external page links on a page. I can see the need for this for in-page navigation, or enabling functionality in Tabs or Sliders.

I identified that touch ui places a overlay ontop of the page, that prevents interaction from bubbling to the iframe below with the content. Instead all components get a overlay rendered inside the overlay container, which represents there interaction point. I also identified that components get this extra overlay for interaction by the CQ element that is created automatically.

While this is clever, it is also heavy handed and prevents previous functionality from working.

For example, I can create a edit button, that calls the same properties as the edit toolbar button, but because of the overlay, the component gets selected first. So even if I try to improve the experience by removing 1 extra click for the author, the UI prevents that from working.

So my question is this in summary.

1. I need a solution for enabling certain iterations from being stopped by the touch UI overlay while in Edit Mode.

2. Alternatively, if I could put interaction in the page that can be done without opening up a component Edit dialog or toolbar, or going to preview mode. For example, a direct link to open a components dialog. Is there a API for this instead that lets us build the interaction out of Coral UI instead of placing it in the template for the page.

In my situation, these pages are only edited by a Author, and create data for nodes that populate other pages. These are never exposed to an end user. Hence why these requests may sound very author focused, it is because there is no consumer viewing these pages.

View Entire Topic

Avatar

Avatar
Boost 3
Employee
Gilles_Knobloch
Employee

Likes

4 likes

Total Posts

11 posts

Correct Reply

4 solutions
Top badges earned
Boost 3
Boost 1
Affirm 3
Affirm 1
View profile

Avatar
Boost 3
Employee
Gilles_Knobloch
Employee

Likes

4 likes

Total Posts

11 posts

Correct Reply

4 solutions
Top badges earned
Boost 3
Boost 1
Affirm 3
Affirm 1
View profile
Gilles_Knobloch
Employee

27-08-2019

In the mean time, we implemented new Core Components which have this capability

I would strongly recommend you to take a look at those, and reuse as-is if possible. Otherwise, we're happy to get your feedback through creating issue(s) under adobe/aem-core-wcm-components Github project.

The pattern for achieving such a task (select a non-visible tab/panel and edit) is reusable.