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

Validate a panel on mobile next button + disable tab navigation

Avatar

Avatar
Validate 1
Level 1
Ryano_DE
Level 1

Likes

0 likes

Total Posts

12 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Give Back
View profile

Avatar
Validate 1
Level 1
Ryano_DE
Level 1

Likes

0 likes

Total Posts

12 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Give Back
View profile
Ryano_DE
Level 1

28-03-2021

I'm required to validate a panel on click of the next button.

 

I was able to achieve this using the method described here https://www.tothenew.com/blog/tips-tricks-for-aem-6-2-form-development/#comment-568864

 

But to complete the form also need to:

1) Also apply this rule to the next button rendered on small screens/mobile devices

2) Disable the ability to navigate forward by clicking on the tabs

 

How can I do this?

navigation validation
View Entire Topic

Avatar

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

310 likes

Total Posts

1,139 posts

Correct Reply

184 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

310 likes

Total Posts

1,139 posts

Correct Reply

184 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile
Mayank_Gandhi
Level 10

27-04-2021

@Ryano_DE on next button click call the current panel and validate it. Something like

if(panel1.validate){

guideBridge.setFocus(panel2.somExpression);

 

} else {

// do something else

}.