Pekket
Pekket
13-11-2017
I use data-sly-resource like this.
The goal is to create a component where you can pick a begin date and an end date.
<div>
van:
<div>
<sly data-sly-resource="${'./date1' @ resourceType='fd/af/components/guidedateinput'}"/>
</div>
tot:
<div>
<sly data-sly-resource="${'./date2' @ resourceType='fd/af/components/guidedateinput'}"/>
</div>
</div>
The problem im having is that the class selectors aren't placed on the html tags for the date input component in preview mode.
And because of that the css isn't loaded.
This is edit mode.
This is preview mode.
Thanks
smacdonald2008
smacdonald2008
13-11-2017
In your syntax - i am not seeing any reference to class in the divs. For example --
<div class=
"twelve columns"
>
Place class referennce ins the <div> tag that corresponds to CSS.
Pekket
Pekket
14-11-2017
The css needs to be placed dynamicaly.
The data-sly-resource loads in the whole html component with the css class selectors.
This works in edit mode but not in preview mode.
kumaranf
kumaranf
14-11-2017
Could you please try this:
<div>
van:
<div>
<div data-sly-resource="${'./date1' @ resourceType='fd/af/components/guidedateinput'}"></div>
</div>
tot:
<div>
<div data-sly-resource="${'./date2' @ resourceType='fd/af/components/guidedateinput'}"></div>
</div>
</div>
Pekket
Pekket
14-11-2017
This didn't work
kumaranf
kumaranf
14-11-2017
Edit the HTML of the component so as to remove dependency on rendering by Author and/or Preview mode.
smacdonald2008
smacdonald2008
14-11-2017
Does it work when you remove /editor.html/ from the URL and it serves up the page without Touch UI mode.
Veena_Vikram
MVP
Veena_Vikram
MVP
14-11-2017
Could you please details on how the above said CSS is rendered in fd/af/components/guidedateinput' component ?
Pekket
Pekket
15-11-2017
No same result as preview mode
Pekket
Pekket
15-11-2017
This is the out of the box component.
This is one of my components...
The class selecters aren't placed on..
i'll guess it has something to do with with cq:styleConfig that isn't loading when using data-sly-resource?