[MGNLDEMO-93] Demo carousel Created: 28/Aug/15 Updated: 15/Apr/16 Resolved: 12/Oct/15 |
|
| Status: | Closed |
| Project: | Magnolia Demo Projects |
| Component/s: | None |
| Affects Version/s: | None |
| Fix Version/s: | 0.8 |
| Type: | New Feature | Priority: | Major |
| Reporter: | Christopher Zimmermann | Assignee: | Roman Kovařík |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | 0d | ||
| Time Spent: | 1d 50m | ||
| Original Estimate: | Not Specified | ||
| Issue Links: |
|
||||||||||||
| Template: |
|
||||||||||||
| Acceptance criteria: |
Empty
|
||||||||||||
| Date of First Response: | |||||||||||||
| Epic Link: | Travel Demo | ||||||||||||
| Sprint: | Kromeriz 14 | ||||||||||||
| Story Points: | 5 | ||||||||||||
| Description |
|
Evaluators should see in the demo a generic carousel that they see how they could use in there own projects. Context: this component starts in the demo but will eventually be in a separate library of components - either in MTE or another "Extra Components" module. As this component will eventually be in a module of components - it should ideally not be part of a bigger library like bootstrap of foundation. Because an implementor might choose one of those libraries for their project and it would be irritating and confusing to have another library in there just for one component. Component should be a wrapper for the well regarded "slick" carousel: https://github.com/kenwheeler/slick/ Demo CSS should be updated so that these items look good in carousel. Carousel CSS and JS should be added to src/main/resources/travel-demo-theme/libs/slick-carousel PLUGIN CONFIGURATION Dialog provides fields to configure:
Component should accept a string parameter "slickConfig" to specify the plugin configuration as a text string, ie: The template should merge the definition parameter with the values from the dialog configuration. With the dialog overriding the definition parameter - and supply this to the plugin configuration via javascript- something like: <div id="my-carousel-uuid"> <script> $('#my-carousel-uuid').slick({ dots: true, infinite: true }); </script> To support multiple instances on a page (with different configurations) - each instance should have a unique id. USAGE IN DEMO Carousel should be used on careers page before the "Current Openings" section. It should contain 5 TextImage components. 2 of which are shown at a time. The text for each item is just the location (stored in headline field). So the text of the components will be (with assets from dam) |
| Comments |
| Comment by Evzen Fochr [ 12/Oct/15 ] |
|
Remove advanced setting for demo carousel. |