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

Different layouts in Theme Editor

Avatar

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile
Christopher_Pa4
Level 3

16-10-2017

I'm working with Theme Editor, and have built my theme for the Tabs on Left layout, which is in the default Child Support Services form. However, now I need to do styling  for Accordion, Responsive, and Tabs on Top, but I can't find a way to change the layout in Theme Editor.

In actual Form Editor, I can choose the different panel layouts by clicking on the Panel properties, but I don't have that option in Theme Editor.  I'd rather not do a separate theme for each layout, as maintenance will become an issue.

Is there a way to change the layout of the panels in Theme Editor, or will I just need to update the Theme CSS manually?

Thanks!

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 5
Level 2
sudhanshu_singh
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

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

Avatar
Boost 5
Level 2
sudhanshu_singh
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

4 solutions
Top badges earned
Boost 5
Boost 3
Boost 1
Affirm 3
Affirm 1
View profile
sudhanshu_singh
Level 2

27-10-2017

Hi Chris,

You can style various layout using the Theme editor. For this you can use the property sheet on the side panel to choose the desired panel layout, and provide the styling.

panels.png

For performing a WYSIWYG styling you can choose a form which has the desired panel layout (Theme Options > Configure > Preview Form) and use either the property sheet on left to select the desired element, or the content frame on the right to select the specific panel element.

Answers (2)

Answers (2)

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,127 likes

Total Posts

6,121 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,127 likes

Total Posts

6,121 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

29-10-2017

Hi Christopher

Thanks a lot for the good suggestions. I would recommend you to create a ticket with support to keep it tracking.

~kautuk

Avatar

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile
Christopher_Pa4
Level 3

27-10-2017

That's what I was afraid of. It is counter-intuitive to force people to choose to load different forms when the different layouts are listed there.

Having a Tabs on Left layout and then trying to style other layouts without being able to see them is fairly useless.  Also, I tried loading in a different form, but then not all options were available.

I'll say this question is answered, but choosing the layouts on the fly (like one can in an actual form) would be a great future update. I ended up just manually changing CSS in code rather than WYSWIG, as the Theme Editor didn't have all options needed anyway.