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

Multifield Reordering Issue - Accordion Component

Avatar

Avatar
Validate 1
Level 1
fkubista
Level 1

Likes

0 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
fkubista
Level 1

Likes

0 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
fkubista
Level 1

15-10-2015

I created an accordion component which has imbedded parsys' so an author can to include any component into an accordion tab. I am using a multifield xtype to add accordion tabs and then a new parsys area is displayed under the new tab.

My issue is that when I go into edit mode and change the order of the multifield the content does not move with the header.

Does anyone know how I can get the content to move with the header? Or to be able to add any component into a multifield dialog?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 6
rush_pawan
Level 6

Likes

87 likes

Total Posts

158 posts

Correct Reply

65 solutions
Top badges earned
Validate 1
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile

Avatar
Validate 1
Level 6
rush_pawan
Level 6

Likes

87 likes

Total Posts

158 posts

Correct Reply

65 solutions
Top badges earned
Validate 1
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile
rush_pawan
Level 6

15-10-2015

Hello,

If you manage the tabs using multifield then you always has problem with reordering because you are doing node management in code via taking multifield value and when it comes to reordering the only choice you left with to write more node management code to delete and recreate node structure which is very complex.

The best way to handle these type of scenarios are

1. OOTB straight forward way: Create a container component (tab container) which allows you to drop child components (in your example tab) which will be stack. Now you can arrange the UI based on mode type for example in edit mode it will be stack but when you go to preview mode it will display as actual tabs side by side OR you can have edit property in your container component where you can switch between which we you want to view. This way you will have all the flexibility to reorder your node or edit/delete any of tab items

2. Write custom multifield widget which allows you to author multiple widgets in mutlifield. I wrote one already for me. let me know i can share idea how you can do it.

 

Thanks,

Pawan

Answers (0)