diff --git a/framework/css/edit/style-slide-helper.css b/framework/css/edit/style-slide-helper.css
new file mode 100644
index 0000000..1e39f21
--- /dev/null
+++ b/framework/css/edit/style-slide-helper.css
@@ -0,0 +1,100 @@
+/*
+ * Slide Helper
+ */
+
+*[class~='slide/slide'][data-auto-animate]:before(297),
+*[class~='slide/slide'][data-auto-animate-easing]:before(295),
+*[class~='slide/slide'][data-autoslide]:before(293), 
+*[class~='slide/slide'][data-transition]:before(291),
+*[class~='slide/slide'][data-background]:before(289),
+*[class~='slide/slide'][data-background-color]:before(287),
+*[class~='slide/slide'][data-background-gradient]:before(285),
+*[class~='slide/slide'][data-background-image]:before(283),
+*[class~='slide/slide'][data-background-size]:before(281),
+*[class~='slide/slide'][data-background-position]:before(279),
+*[class~='slide/slide'][data-background-repeat]:before(277),
+*[class~='slide/slide'][data-background-opacity]:before(275),
+*[class~='slide/slide'][data-background-video]:before(273),
+*[class~='slide/slide'][data-background-video-loop]:before(271) {
+    margin-bottom: 0.5em;
+    font-size: 0.8em;
+    color: gray;
+    display: block;
+}
+
+/* @data-auto-animate */
+*[class~='slide/slide'][data-auto-animate]:before(297) {
+    content: "Activate the auto-animate mode.";
+}
+
+/* @data-auto-animate-easing */
+*[class~='slide/slide'][data-auto-animate-easing]:before(295) {
+    content: "The CSS easing";
+}
+
+/* @data-autoslide */
+*[class~='slide/slide'][data-autoslide]:before(293) {
+    content: "Autoslide function";
+}
+
+/* @data-transition */
+*[class~='slide/slide'][data-transition]:before(291) {
+    content: "Transition mode."
+}
+
+/* @data-transition */
+*[class~='slide/slide'][data-background]:before(289) {
+    content: "Transition mode."
+}
+
+/* @data-background-color */
+*[class~='slide/slide'][data-background-color]:before(287) {
+    content: "Background color."
+}
+
+/* @data-background-gradient */
+*[class~='slide/slide'][data-background-gradient]:before(285) {
+    content: "Background gradient."
+}
+
+/* @data-background-image */
+*[class~='slide/slide'][data-background-image]:before(283) {
+    content: "This is the path to a background image, relative to the DITA Map. Make sure to copy this image to the output folder by using the apropriate DITA-OT paramater."
+}
+
+/* @data-background-size */
+*[class~='slide/slide'][data-background-size]:before(281) {
+    content: "Background size."
+}
+
+/* @data-background-position */
+*[class~='slide/slide'][data-background-position]:before(279) {
+    content: "Background position."
+}
+
+/* @data-background-repeat */
+*[class~='slide/slide'][data-background-repeat]:before(277) {
+    content: "Background repeat."
+}
+
+/* @data-background-opacity */
+*[class~='slide/slide'][data-background-opacity]:before(275) {
+    content: "Background repeat."
+}
+
+/* @data-background-video */
+*[class~='slide/slide'][data-background-video]:before(273) {
+    content: "Background video."
+}
+
+/* @data-background-video-loop */
+*[class~='slide/slide'][data-background-video-loop]:before(271) {
+    content: "Background video loop."
+}
+
+/* @data-background-video-muted */
+*[class~='slide/slide'][data-background-video-muted]:before(269) {
+    content: "Background video mute."
+}
+
+
diff --git a/framework/css/edit/style-slide.css b/framework/css/edit/style-slide.css
index 20107c4..af6f8ea 100644
--- a/framework/css/edit/style-slide.css
+++ b/framework/css/edit/style-slide.css
@@ -16,6 +16,270 @@
    font-family: "Calibri", "UnDotum", serif;
 }
 
+*[class~='slide/slide']:before(300) {
+    content:
+        oxy_buttonGroup(
+            label, 'Set slide attributes',
+            tooltip, 'Slide attributes change the appearance, behavior and transition of the slide.',
+            actions,
+                oxy_action_list(
+                    oxy_action(
+                        name, 'auto-animate', 
+                        description, 'Activate auto-animate', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-auto-animate',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'auto-animate-easing', 
+                        description, 'auto-animate-easing', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-auto-animate-easing',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'auto-slide', 
+                        description, 'auto-slide', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-auto-slide',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'autoslide', 
+                        description, 'autoslide', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-autoslide',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'transition', 
+                        description, 'transition', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-transition',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background', 
+                        description, 'background', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-color', 
+                        description, 'background-color', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-color',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-gradient', 
+                        description, 'background-gradient', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-gradient',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-image', 
+                        description, 'background-image', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-image',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-size', 
+                        description, 'background-size', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-size',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-position', 
+                        description, 'background-position', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-position',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-repeat', 
+                        description, 'background-repeat', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-repeat',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-opacity', 
+                        description, 'background-opacity', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-opacity',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-video', 
+                        description, 'background-video', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-video',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-video-loop', 
+                        description, 'background-video-loop', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-video-loop',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'background-video-muted', 
+                        description, 'background-video-muted', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.ChangeAttributeOperation', 
+                        arg-name, 'data-background-video-muted',
+                        arg-value, ' '
+                    ),
+                    oxy_action(
+                        name, 'Delete', 
+                        description, 'Deletes the current element', 
+                        operation, 'ro.sync.ecss.extensions.commons.operations.DeleteElementOperation'
+                    )
+                )
+        );
+    display: block;
+    margin-bottom: 0.3em;
+}
+
+*[class~='slide/slide'][id]:before(299),
+*[class~='slide/slide'][data-auto-animate]:before(298),
+*[class~='slide/slide'][data-auto-animate-easing]:before(296),
+*[class~='slide/slide'][data-autoslide]:before(294),
+*[class~='slide/slide'][data-transition]:before(292),
+*[class~='slide/slide'][data-background]:before(290),
+*[class~='slide/slide'][data-background-color]:before(288),
+*[class~='slide/slide'][data-background-gradient]:before(286),
+*[class~='slide/slide'][data-background-image]:before(284),
+*[class~='slide/slide'][data-background-size]:before(282),
+*[class~='slide/slide'][data-background-position]:before(280),
+*[class~='slide/slide'][data-background-repeat]:before(278),
+*[class~='slide/slide'][data-background-opacity]:before(276),
+*[class~='slide/slide'][data-background-video]:before(274),
+*[class~='slide/slide'][data-background-video-loop]:before(272),
+*[class~='slide/slide'][data-background-video-muted]:before(270) {
+    display: block
+}
+
+/* @id */
+*[class~='slide/slide'][id]:before(299) {
+    content:
+        oxy_label(text, "id", width, 10em, color, inherit)
+        oxy_textfield(edit, '@id', columns, 40);
+}
+
+/* @data-auto-animate */
+*[class~='slide/slide'][data-auto-animate]:before(298) {
+    content:
+        oxy_label(text, "data-auto-animate", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-auto-animate', columns, 40);
+}
+
+/* @data-auto-animate-easing */
+*[class~='slide/slide'][data-auto-animate-easing]:before(296) {
+    content:
+        oxy_label(text, "data-auto-animate-easing", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-auto-animate-easing', columns, 40);
+}
+
+/* @data-autoslide */
+*[class~='slide/slide'][data-autoslide]:before(294) {
+    content:
+        oxy_label(text, "data-autoslide", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-autoslide', columns, 40);
+}
+
+/* @data-transition */
+*[class~='slide/slide'][data-transition]:before(292) {
+    content:
+        oxy_label(text, "data-transition", width, 10em, color, inherit)
+        oxy_combobox( 
+            edit, '@data-transition',
+            editable, true,
+            columns, 40
+        );
+}
+
+/* @data-background */
+*[class~='slide/slide'][data-background]:before(290) {
+    content:
+        oxy_label(text, "data-background", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background', columns, 40);
+}
+
+/* @data-background-color */
+*[class~='slide/slide'][data-background-color]:before(288) {
+    content:
+        oxy_label(text, "data-background-color", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-color', columns, 40);
+}
+
+/* @data-background-gradient */
+*[class~='slide/slide'][data-background-gradient]:before(286) {
+    content:
+        oxy_label(text, "data-background-gradient", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-gradient', columns, 40);
+}
+
+/* @data-background-image */
+*[class~='slide/slide'][data-background-image]:before(284) {
+    content:
+        oxy_label(text, "data-background-image", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-image', columns, 40);
+}
+
+/* @data-background-size */
+*[class~='slide/slide'][data-background-size]:before(282) {
+    content:
+        oxy_label(text, "data-background-size", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-size', columns, 40);
+}
+
+/* @data-background-position */
+*[class~='slide/slide'][data-background-position]:before(280) {
+    content:
+        oxy_label(text, "data-background-position", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-position', columns, 40);
+}
+
+/* @data-background-repeat */
+*[class~='slide/slide'][data-background-repeat]:before(278) {
+    content:
+        oxy_label(text, "data-background-repeat", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-repeat', columns, 40);
+}
+
+/* @data-background-opacity */
+*[class~='slide/slide'][data-background-opacity]:before(276) {
+    content:
+        oxy_label(text, "data-background-opacity", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-opacity', columns, 40);
+}
+
+/* @data-background-video */
+*[class~='slide/slide'][data-background-video]:before(274) {
+    content:
+        oxy_label(text, "data-background-video", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-video', columns, 40);
+}
+
+/* @data-background-video-loop */
+*[class~='slide/slide'][data-background-video-loop]:before(272) {
+    content:
+        oxy_label(text, "data-background-video-loop", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-video-loop', columns, 40);
+}
+
+/* @data-background-video-muted */
+*[class~='slide/slide'][data-background-video-muted]:before(270) {
+    content:
+        oxy_label(text, "data-background-video-muted", width, 10em, color, inherit)
+        oxy_textfield(edit, '@data-background-video-muted', columns, 40);
+}
 
 *[class~='topic/table'] {
     border: none !important;
diff --git a/framework/reveal.framework b/framework/reveal.framework
index 596a8df..bc4f9ec 100644
--- a/framework/reveal.framework
+++ b/framework/reveal.framework
@@ -29,6 +29,33 @@
 											<null/>
 										</field>
 									</poPatch>
+									<poPatch>
+										<field name="fieldPath">
+											<String>authorExtensionDescriptor/cssDescriptors</String>
+										</field>
+										<field name="index">
+											<Integer>12</Integer>
+										</field>
+										<field name="value">
+											<cssFile>
+												<field name="href">
+													<String>${framework}/css/edit/style-slide-helper.css</String>
+												</field>
+												<field name="title">
+													<String>+ Slide Helper</String>
+												</field>
+												<field name="alternate">
+													<Boolean>true</Boolean>
+												</field>
+											</cssFile>
+										</field>
+										<field name="patchHandling">
+											<String>addIndex</String>
+										</field>
+										<field name="anchor">
+											<null/>
+										</field>
+									</poPatch>
 									<poPatch>
 										<field name="fieldPath">
 											<String>authorExtensionDescriptor/cssDescriptors</String>
diff --git a/samples/auto-animate/auto-animate.ditamap b/samples/auto-animate/auto-animate.ditamap
new file mode 100644
index 0000000..c800db4
--- /dev/null
+++ b/samples/auto-animate/auto-animate.ditamap
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE map PUBLIC "-//OASIS//DTD DITA Map//EN" "map.dtd">
+<map>
+    <topicref href="slide01.dita"/>
+</map>
diff --git a/samples/auto-animate/slide01.dita b/samples/auto-animate/slide01.dita
new file mode 100644
index 0000000..3733047
--- /dev/null
+++ b/samples/auto-animate/slide01.dita
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
+<?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
+<slide id="ui_xtb_wmj_11c" data-auto-animate=" " data-background-size=" " data-autoslide=" 0"
+  data-transition="slide" data-background-repeat=" ">
+  <title>Title of slide</title>
+  <slideBody/>
+</slide>
diff --git a/samples/sample.xml b/samples/sample.xml
index e43cedf..2111f16 100644
--- a/samples/sample.xml
+++ b/samples/sample.xml
@@ -11,8 +11,8 @@
     <publication transtype="reveal"/>
   </deliverable>
   
-  <deliverable name="Reveal Presentation - With scroll view" id="scroll-view">
-    <context name="Reveal Scroll View" id="reveal_scroll-view_context">
+  <deliverable name="Reveal Scroll View" id="scroll-view">
+    <context name="Reveal Scroll View" id="scroll-view_context">
       <input href="scroll-view/scroll-view.ditamap"/>
     </context>
     <output href="./scroll-view"/>
@@ -23,6 +23,16 @@
     </publication>
   </deliverable>
   
+  <deliverable name="Reveal Auto Animate" id="auto-animate">
+    <context name="Reveal Auto Animate" id="auto-animate_context">
+      <input href="auto-animate/auto-animate.ditamap"/>
+    </context>
+    <output href="./auto-animate"/>
+    <publication transtype="reveal">
+      <param name="reveal.theme" value="black"/>
+    </publication>
+  </deliverable>
+  
   <deliverable name="Reveal Presentation - With progress bar" id="progress-bar">
     <context idref="reveal_context"/>
     <output href="./progress-bar"/>
diff --git a/samples/scroll-view/sample.xml b/samples/scroll-view/sample.xml
deleted file mode 100644
index 851b9b0..0000000
--- a/samples/scroll-view/sample.xml
+++ /dev/null
@@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="https://www.dita-ot.org/project">
-
-  <context name="Reveal Presentation" id="reveal_context">
-    <input href="sample.ditamap"/>
-  </context>
-  
-  <deliverable name="Reveal Presentation" id="default">
-    <context idref="reveal_context"/>
-    <output href="./default"/>
-    <publication transtype="reveal"/>
-  </deliverable>
-  
-  <deliverable name="Reveal Presentation - With scroll view" id="scroll-view">
-    <context idref="reveal_context"/>
-    <output href="./scroll-view"/>
-    <publication transtype="reveal">
-      <param name="reveal.view" value="scroll"/>
-      <param name="reveal.scrollprogress" value="true"/>
-      <param name="reveal.theme" value="black"/>
-    </publication>
-  </deliverable>
-  
-  <deliverable name="Reveal Presentation - With progress bar" id="progress-bar">
-    <context idref="reveal_context"/>
-    <output href="./progress-bar"/>
-    <publication transtype="reveal">
-      <param name="reveal.view" value="scroll"/>
-      <param name="reveal.scrollprogress" value="true"/>
-    </publication>
-  </deliverable>
-
-</project>
diff --git a/samples/scroll-view/scroll-view.ditamap b/samples/scroll-view/scroll-view.ditamap
index f586668..4baf47c 100644
--- a/samples/scroll-view/scroll-view.ditamap
+++ b/samples/scroll-view/scroll-view.ditamap
@@ -2,14 +2,14 @@
 <!DOCTYPE map PUBLIC "-//OASIS//DTD DITA Map//EN" "map.dtd">
 <map>
  <title>Sample</title>
- <topicref href="01_slide.dita"/>
- <topicref href="02_slide.dita"/>
- <topicref href="03_slide.dita"/>
- <topicref href="04_slide.dita"/>
- <topicref href="05_slide.dita"/>
- <topicref href="06_slide.dita"/>
- <topicref href="07_slide.dita"/>
- <topicref href="08_slide.dita"/>
- <topicref href="09_slide.dita"/>
- <topicref href="10_slide.dita"/>
+ <topicref href="slide01.dita"/>
+ <topicref href="slide02.dita"/>
+ <topicref href="slide03.dita"/>
+ <topicref href="slide04.dita"/>
+ <topicref href="slide05.dita"/>
+ <topicref href="slide06.dita"/>
+ <topicref href="slide07.dita"/>
+ <topicref href="slide08.dita"/>
+ <topicref href="slide09.dita"/>
+ <topicref href="slide10.dita"/>
 </map>
diff --git a/samples/scroll-view/01_slide.dita b/samples/scroll-view/slide01.dita
similarity index 100%
rename from samples/scroll-view/01_slide.dita
rename to samples/scroll-view/slide01.dita
diff --git a/samples/scroll-view/02_slide.dita b/samples/scroll-view/slide02.dita
similarity index 100%
rename from samples/scroll-view/02_slide.dita
rename to samples/scroll-view/slide02.dita
diff --git a/samples/scroll-view/03_slide.dita b/samples/scroll-view/slide03.dita
similarity index 100%
rename from samples/scroll-view/03_slide.dita
rename to samples/scroll-view/slide03.dita
diff --git a/samples/scroll-view/04_slide.dita b/samples/scroll-view/slide04.dita
similarity index 100%
rename from samples/scroll-view/04_slide.dita
rename to samples/scroll-view/slide04.dita
diff --git a/samples/scroll-view/05_slide.dita b/samples/scroll-view/slide05.dita
similarity index 100%
rename from samples/scroll-view/05_slide.dita
rename to samples/scroll-view/slide05.dita
diff --git a/samples/scroll-view/06_slide.dita b/samples/scroll-view/slide06.dita
similarity index 100%
rename from samples/scroll-view/06_slide.dita
rename to samples/scroll-view/slide06.dita
diff --git a/samples/scroll-view/07_slide.dita b/samples/scroll-view/slide07.dita
similarity index 100%
rename from samples/scroll-view/07_slide.dita
rename to samples/scroll-view/slide07.dita
diff --git a/samples/scroll-view/08_slide.dita b/samples/scroll-view/slide08.dita
similarity index 100%
rename from samples/scroll-view/08_slide.dita
rename to samples/scroll-view/slide08.dita
diff --git a/samples/scroll-view/09_slide.dita b/samples/scroll-view/slide09.dita
similarity index 100%
rename from samples/scroll-view/09_slide.dita
rename to samples/scroll-view/slide09.dita
diff --git a/samples/scroll-view/10_slide.dita b/samples/scroll-view/slide10.dita
similarity index 100%
rename from samples/scroll-view/10_slide.dita
rename to samples/scroll-view/slide10.dita