Can we enable style system in static template?

Avatar

Avatar

ramaem12

Avatar

ramaem12

ramaem12

22-06-2020

We have a requirement to create new components for one of my projects and utilize the style system. The client is currently using static templates for all of their pages, is there any way we can enable style system in static templates..
Is it possible, or is it only available in editable templates?

AEM 6.4 components Editable templates Templates

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Vaibhavi

MVP

Avatar

Vaibhavi

MVP

Vaibhavi
MVP

22-06-2020

Hi @ramaem12 

 

Style system is available for editable template. On static template this feature is not available. 

You can use one of the option below. 

1.Migrate the static template to editable template and make use of the feature

2.Go for custom implementation on static template. 

I would suggest option one but it depends on the number of existing pages you need to migrate from static to editable template. 

For option 2 would you suggest me some of the options,

I followed below approach to enable the style system in Static templates.

For Enabling Style system I added below design dialogue in my component.

<styletab
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/include"
path="/mnt/overlay/cq/gui/components/authoring/dialog/style/tab_design/styletab"/>

1) It is working perfectly in editable templates.

working behavior of my Component in editable template.

Editable template working brush iconEditable template working brush icon

 

2) But it is not working in the Static template. I followed the below procedure to enable the style system in my component.

Static template design modeStatic template design mode

 

After I added the above values in my component design mode, I can see the brush icon in the static template, but I cannot see the values of Quote Block and Test2 in authoring mode.

static template missing values in brush iconstatic template missing values in brush icon

Answers (2)

Answers (2)

Avatar

Avatar

Ankur_Khare

MVP

Avatar

Ankur_Khare

MVP

Ankur_Khare
MVP

28-06-2020

No you can't you need to migrate static template to editable template then you can use style system.

Avatar

Avatar

vanegi

Employee

Avatar

vanegi

Employee

vanegi
Employee

22-06-2020

Style system is a feature of editable template to allow developers and template editors to create multiple visual variations of a component, see [0]. You can always migrate old static template to editable template to make use of this feature.

 

[0]: https://docs.adobe.com/content/help/en/experience-manager-65/developing/components/style-system.html