Extensions. Consistency fix and UI improvements (Text, Path and Web submenus).

(bzr r9752)

13 files changed, 218 insertions, 167 deletions

diff --git a/share/extensions/dimension.inx b/share/extensions/dimension.inx
index cce244d4a..343ad27bf 100644
--- a/share/extensions/dimension.inx
+++ b/share/extensions/dimension.inx
@@ -5,11 +5,11 @@
 	<dependency type="executable" location="extensions">dimension.py</dependency>
 	<dependency type="executable" location="extensions">inkex.py</dependency>
 	<dependency type="executable" location="extensions">pathmodifier.py</dependency>
-	<param name="xoffset" type="float" min="0" max="1000" _gui-text="X Offset">50</param>
-	<param name="yoffset" type="float" min="0" max="1000" _gui-text="Y Offset">50</param>
-	<param name="type" type="optiongroup" _gui-text="Bounding box type : ">
-		<_option value="geometric">Geometric</_option>
-		<_option value="visual">Visual</_option>
+	<param name="xoffset" type="float" min="0" max="1000" _gui-text="X Offset:">50</param>
+	<param name="yoffset" type="float" min="0" max="1000" _gui-text="Y Offset:">50</param>
+	<param name="type" type="enum" _gui-text="Bounding box type :">
+		<_item value="geometric">Geometric</_item>
+		<_item value="visual">Visual</_item>
 	</param>
 	<effect>
 		<object-type>path</object-type>
diff --git a/share/extensions/lorem_ipsum.inx b/share/extensions/lorem_ipsum.inx
index b36ff079e..2833af16c 100644
--- a/share/extensions/lorem_ipsum.inx
+++ b/share/extensions/lorem_ipsum.inx
@@ -4,10 +4,16 @@
 	<id>com.kaioa.lorem_ipsum</id>
 	<dependency type="executable" location="extensions">lorem_ipsum.py</dependency>
 	<dependency type="executable" location="extensions">inkex.py</dependency>
-  <_param name="title" type="description">This effect creates the standard "Lorem Ipsum" pseudolatin placeholder text. If a flowed text is selected, Lorem Ipsum is added to it; otherwise a new flowed text object, the size of the page, is created in a new layer.</_param>
-	<param name="num" type="int" min="1" max="1000" _gui-text="Number of paragraphs">5</param>
-	<param name="sentencecount" type="int" min="2" max="100" _gui-text="Sentences per paragraph">16</param>
-	<param name="fluctuation" type="int" min="1" max="100" _gui-text="Paragraph length fluctuation (sentences)">4</param>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+	        <param name="num" type="int" min="1" max="1000" _gui-text="Number of paragraphs:">5</param>
+	        <param name="sentencecount" type="int" min="2" max="100" _gui-text="Sentences per paragraph:">16</param>
+	        <param name="fluctuation" type="int" min="1" max="100" _gui-text="Paragraph length fluctuation (sentences):">4</param>
+        </page>
+        <page name="Help" _gui-text="Help">
+            <_param name="title" type="description">This effect creates the standard "Lorem Ipsum" pseudolatin placeholder text. If a flowed text is selected, Lorem Ipsum is added to it; otherwise a new flowed text object, the size of the page, is created in a new layer.</_param>
+        </page>
+    </param>
     <effect>
         <object-type>all</object-type>
         <effects-menu>
diff --git a/share/extensions/lorem_ipsum.py b/share/extensions/lorem_ipsum.py
index 52d1bb190..20a2fdd18 100644
--- a/share/extensions/lorem_ipsum.py
+++ b/share/extensions/lorem_ipsum.py
@@ -189,6 +189,11 @@ class MyEffect(inkex.Effect):
       action="store", type="int", 
       dest="fluctuation", default=4,
       help="+/-")
+    self.OptionParser.add_option("--tab",
+      action="store", type="string",
+      dest="tab",
+      help="The selected UI-tab when OK was pressed")
+
     self.first_sentence = 1
 
   def makePara(self):
diff --git a/share/extensions/measure.inx b/share/extensions/measure.inx
index af325a00e..264e33ab6 100644
--- a/share/extensions/measure.inx
+++ b/share/extensions/measure.inx
@@ -10,13 +10,13 @@
 				<_item value="length">Length</_item>
 				<_item value="area">Area</_item>
 			</param>
-			<param name="fontsize" type="int" min="1" max="1000" _gui-text="Font size [px]">12</param>
-			<param name="offset" type="float" min="-10000" max="10000" _gui-text="Offset [px]">-6</param>
-			<param name="precision" type="int" min="0" max="25" _gui-text="Precision">2</param>
+			<param name="fontsize" type="int" min="1" max="1000" _gui-text="Font size (px):">12</param>
+			<param name="offset" type="float" min="-10000" max="10000" _gui-text="Offset (px):">-6</param>
+			<param name="precision" type="int" min="0" max="25" _gui-text="Precision:">2</param>
 			<param name="scale" type="float" min="1e-8" max="1e10" _gui-text="Scale Factor (Drawing:Real Length) = 1:">1</param>
 			<!--<param name="orient" type="boolean" _gui-text="Keep text orientation upright">true</param>-->
 			<!--<param name="unit" type="string" _gui-text="Unit {km|m|cm|mm|in|px|pt}">mm</param>-->
-			<param name="unit" type="enum" _gui-text="Length Unit: ">
+			<param name="unit" type="enum" _gui-text="Length Unit:">
 				<item value="px">px</item>
 				<item value="pt">pt</item>
 				<item value="in">in</item>
diff --git a/share/extensions/split.inx b/share/extensions/split.inx
index ced0cf495..63e0fd6ca 100644
--- a/share/extensions/split.inx
+++ b/share/extensions/split.inx
@@ -4,13 +4,19 @@
     <id>com.nerdson.split</id>
 	<dependency type="executable" location="extensions">split.py</dependency>
 	<dependency type="executable" location="extensions">inkex.py</dependency>
-	<_param name="texthelp" type="description">This effect splits texts into different lines, words or letters. Select below how your text should be splitted.</_param>
-	<param name="splittype" type="enum" _gui-text="Split:">
-		<_item value="line">Lines</_item>
-		<_item value="word">Words</_item>
-		<_item value="letter">Letters</_item>
-	</param>
-	<param name="preserve" type="boolean" _gui-text="Preserve original text?">true</param>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+	        <param name="splittype" type="enum" _gui-text="Split:">
+		        <_item value="line">Lines</_item>
+		        <_item value="word">Words</_item>
+		        <_item value="letter">Letters</_item>
+	        </param>
+	        <param name="preserve" type="boolean" _gui-text="Preserve original text">true</param>
+        </page>
+        <page name="Help" _gui-text="Help">
+	        <_param name="texthelp" type="description">This effect splits texts into different lines, words or letters.</_param>
+        </page>
+    </param>
     <effect>
 		<object-type>text</object-type>
 		<effects-menu>
diff --git a/share/extensions/split.py b/share/extensions/split.py
index 5e9de002b..0cbc7b05b 100644
--- a/share/extensions/split.py
+++ b/share/extensions/split.py
@@ -30,7 +30,10 @@ class Split(inkex.Effect):
                         action="store", type="inkbool", 
                         dest="preserve", default="True", 
                         help="Preserve original")
-
+        self.OptionParser.add_option("--tab",
+                        action="store", type="string",
+                        dest="tab",
+                        help="The selected UI-tab when OK was pressed")
 
     def split_lines(self, node):
         """Returns a list of lines"""
diff --git a/share/extensions/web-set-att.inx b/share/extensions/web-set-att.inx
index 5bb14d285..65b35bada 100644
--- a/share/extensions/web-set-att.inx
+++ b/share/extensions/web-set-att.inx
@@ -1,48 +1,52 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
-  <_name>Set Attributes</_name>
-  <id>org.inkscape.web.set-att</id>
-  <dependency type="executable" location="extensions">web-set-att.py</dependency>
-  <dependency type="executable" location="extensions">inkex.py</dependency>
-  <_param name="intro" type="description">This effect adds a feature visible (or usable) only on a SVG enabled web browser (like Firefox).</_param>
-  <_param name="sep1" type="description">••••••••••••••••••••••••••••••••••••••••••••••••</_param>
-  <_param name="help" type="description">This effect sets one or more attributes in the second selected element, when a defined event occurs on the first selected element.</_param>
-  <_param name="sep2" type="description">••••••••••••••••••••••••••••••••••••••••••••••••</_param>
-  <_param name="help" type="description">If you want to set more than one attribute, you must separate this with a space, and only with a space.</_param>
-  <param name="att" type="string" _gui-text="Attribute to set">fill stroke stroke-width</param>
-  <param name="when" type="enum" _gui-text="When should the set be done?">
-    <_item value="onclick">on click</_item>
-    <_item value="onfocusin">on focus</_item>
-    <_item value="onfocusout">on blur</_item>
-    <_item value="onactivate">on activate</_item>
-    <_item value="onmousedown">on mouse down</_item>
-    <_item value="onmouseup">on mouse up</_item>
-    <_item value="onmouseover">on mouse over</_item>
-    <_item value="onmousemove">on mouse move</_item>
-    <_item value="onmouseout">on mouse out</_item>
-    <_item value="onload">on element loaded</_item>
-  </param>
-  <_param name="help" type="description">The list of values must have the same size as the attributes list.</_param>
-  <param name="val" type="string" _gui-text="Value to set">red black 5px</param>
-  <param name="compatibility" type="enum" _gui-text="Compatibility with previews code to this event">
-    <_item value="append">Run it after</_item>
-    <_item value="prepend">Run it before</_item>
-    <_item value="replace">Replace</_item>
-  </param>
-  <_param name="help" type="description">The next parameter is useful when you select more than two elements</_param>
-  <param name="from-and-to" type="enum" _gui-text="Source and destination of setting">
-    <_item value="g-to-one">All selected ones set an attribute in the last one</_item>
-    <_item value="one-to-g">The first selected sets an attribute in all others</_item>
-  </param>
-  <effect>
+    <_name>Set Attributes</_name>
+    <id>org.inkscape.web.set-att</id>
+    <dependency type="executable" location="extensions">web-set-att.py</dependency>
+    <dependency type="executable" location="extensions">inkex.py</dependency>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+            <param name="att" type="string" _gui-text="Attribute to set:">fill stroke stroke-width</param>
+            <param name="when" type="enum" _gui-text="When should the set be done:">
+                <_item value="onclick">on click</_item>
+                <_item value="onfocusin">on focus</_item>
+                <_item value="onfocusout">on blur</_item>
+                <_item value="onactivate">on activate</_item>
+                <_item value="onmousedown">on mouse down</_item>
+                <_item value="onmouseup">on mouse up</_item>
+                <_item value="onmouseover">on mouse over</_item>
+                <_item value="onmousemove">on mouse move</_item>
+                <_item value="onmouseout">on mouse out</_item>
+                <_item value="onload">on element loaded</_item>
+            </param>
+            <_param name="help" type="description">The list of values must have the same size as the attributes list.</_param>
+            <param name="val" type="string" _gui-text="Value to set:">red black 5px</param>
+            <param name="compatibility" type="enum" _gui-text="Compatibility with previews code to this event:">
+                <_item value="append">Run it after</_item>
+                <_item value="prepend">Run it before</_item>
+                <_item value="replace">Replace</_item>
+            </param>
+            <_param name="help" type="description">The next parameter is useful when you select more than two elements</_param>
+            <param name="from-and-to" type="enum" _gui-text="Source and destination of setting:">
+                <_item value="g-to-one">All selected ones set an attribute in the last one</_item>
+                <_item value="one-to-g">The first selected sets an attribute in all others</_item>
+            </param>
+        </page>
+        <page name="Help" _gui-text="Help">
+            <_param name="intro" type="description">This effect adds a feature visible (or usable) only on a SVG enabled web browser (like Firefox).</_param>
+            <_param name="desc1" type="description">This effect sets one or more attributes in the second selected element, when a defined event occurs on the first selected element.</_param>
+            <_param name="desc2" type="description">If you want to set more than one attribute, you must separate this with a space, and only with a space.</_param>
+        </page>
+    </param>
+    <effect>
     <object-type>all</object-type>
-    <effects-menu>
-      <submenu _name="Web">
-        <submenu name="JavaScript"/>
-      </submenu>
-    </effects-menu>
-  </effect>
-  <script>
-    <command reldir="extensions" interpreter="python">web-set-att.py</command>
-  </script>
+        <effects-menu>
+            <submenu _name="Web">
+                <submenu name="JavaScript"/>
+            </submenu>
+        </effects-menu>
+    </effect>
+    <script>
+        <command reldir="extensions" interpreter="python">web-set-att.py</command>
+    </script>
 </inkscape-extension>
diff --git a/share/extensions/web-set-att.py b/share/extensions/web-set-att.py
index 7878cd208..65dd5a5b4 100755
--- a/share/extensions/web-set-att.py
+++ b/share/extensions/web-set-att.py
@@ -44,6 +44,10 @@ class InkWebTransmitAtt(inkwebeffect.InkWebEffect):
                         action="store", type="string",
                         dest="from_and_to", default="g-to-one",
                         help='Who transmit to Who? "g-to-one" All set the last. "one-to-g" The first set all.')
+        self.OptionParser.add_option("--tab",
+                        action="store", type="string",
+                        dest="tab",
+                        help="The selected UI-tab when OK was pressed")
 
     def effect(self):
       self.ensureInkWebSupport()
diff --git a/share/extensions/web-transmit-att.inx b/share/extensions/web-transmit-att.inx
index caf284b93..343f65f61 100644
--- a/share/extensions/web-transmit-att.inx
+++ b/share/extensions/web-transmit-att.inx
@@ -4,43 +4,47 @@
   <id>org.inkscape.web.transmit-att</id>
   <dependency type="executable" location="extensions">web-transmit-att.py</dependency>
   <dependency type="executable" location="extensions">inkex.py</dependency>
-  <_param name="intro" type="description">This effect adds a feature visible (or usable) only on a SVG enabled web browser (like Firefox).</_param>
-  <_param name="sep1" type="description">••••••••••••••••••••••••••••••••••••••••••••••••</_param>
-  <_param name="help" type="description">This effect transmits one or more attributes from the first selected element to the second when an event occurs.</_param>
-  <_param name="sep2" type="description">••••••••••••••••••••••••••••••••••••••••••••••••</_param>
-  <_param name="help" type="description">If you want to transmit more than one attribute, you should separate this with a space, and only with a space.</_param>
-  <param name="att" type="string" _gui-text="Attribute to transmit">fill</param>
-  <param name="when" type="enum" _gui-text="When to transmit">
-    <_item value="onclick">on click</_item>
-    <_item value="onfocusin">on focus</_item>
-    <_item value="onfocusout">on blur</_item>
-    <_item value="onactivate">on activate</_item>
-    <_item value="onmousedown">on mouse down</_item>
-    <_item value="onmouseup">on mouse up</_item>
-    <_item value="onmouseover">on mouse over</_item>
-    <_item value="onmousemove">on mouse move</_item>
-    <_item value="onmouseout">on mouse out</_item>
-    <_item value="onload">on element loaded</_item>
-  </param>
-  <param name="compatibility" type="enum" _gui-text="Compatibility with previews code to this event">
-    <_item value="append">Run it after</_item>
-    <_item value="prepend">Run it before</_item>
-    <_item value="replace">Replace</_item>
-  </param>
-  <_param name="help" type="description">The next parameter is useful when you select more than two elements</_param>
-  <param name="from-and-to" type="enum" _gui-text="Source and destination of transmitting">
-    <_item value="g-to-one">All selected ones transmit to the last one</_item>
-    <_item value="one-to-g">The first selected transmits to all others</_item>
-  </param>
-  <effect>
-    <object-type>all</object-type>
-    <effects-menu>
-      <submenu _name="Web">
-        <submenu name="JavaScript"/>
-      </submenu>
-    </effects-menu>
-  </effect>
-  <script>
-    <command reldir="extensions" interpreter="python">web-transmit-att.py</command>
-  </script>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+            <param name="att" type="string" _gui-text="Attribute to transmit:">fill</param>
+            <param name="when" type="enum" _gui-text="When to transmit:">
+                <_item value="onclick">on click</_item>
+                <_item value="onfocusin">on focus</_item>
+                <_item value="onfocusout">on blur</_item>
+                <_item value="onactivate">on activate</_item>
+                <_item value="onmousedown">on mouse down</_item>
+                <_item value="onmouseup">on mouse up</_item>
+                <_item value="onmouseover">on mouse over</_item>
+                <_item value="onmousemove">on mouse move</_item>
+                <_item value="onmouseout">on mouse out</_item>
+                <_item value="onload">on element loaded</_item>
+            </param>
+            <param name="compatibility" type="enum" _gui-text="Compatibility with previews code to this event:">
+                <_item value="append">Run it after</_item>
+                <_item value="prepend">Run it before</_item>
+                <_item value="replace">Replace</_item>
+            </param>
+            <_param name="help" type="description">The next parameter is useful when you select more than two elements</_param>
+            <param name="from-and-to" type="enum" _gui-text="Source and destination of transmitting:">
+                <_item value="g-to-one">All selected ones transmit to the last one</_item>
+                <_item value="one-to-g">The first selected transmits to all others</_item>
+            </param>
+        </page>
+        <page name="Help" _gui-text="Help">
+            <_param name="intro" type="description">This effect adds a feature visible (or usable) only on a SVG enabled web browser (like Firefox).</_param>
+            <_param name="desc1" type="description">This effect transmits one or more attributes from the first selected element to the second when an event occurs.</_param>
+            <_param name="desc2" type="description">If you want to transmit more than one attribute, you should separate this with a space, and only with a space.</_param>
+        </page>
+    </param>
+    <effect>
+        <object-type>all</object-type>
+        <effects-menu>
+            <submenu _name="Web">
+                <submenu name="JavaScript"/>
+            </submenu>
+        </effects-menu>
+    </effect>
+    <script>
+        <command reldir="extensions" interpreter="python">web-transmit-att.py</command>
+    </script>
 </inkscape-extension>
diff --git a/share/extensions/web-transmit-att.py b/share/extensions/web-transmit-att.py
index c597a41f0..35f16e145 100644
--- a/share/extensions/web-transmit-att.py
+++ b/share/extensions/web-transmit-att.py
@@ -40,6 +40,10 @@ class InkWebTransmitAtt(inkwebeffect.InkWebEffect):
                         action="store", type="string",
                         dest="from_and_to", default="g-to-one",
                         help='Who transmit to Who? "g-to-one" All tramsmit to the last. "one-to-g" The first transmit to all.')
+        self.OptionParser.add_option("--tab",
+                        action="store", type="string",
+                        dest="tab",
+                        help="The selected UI-tab when OK was pressed")
 
     def effect(self):
       self.ensureInkWebSupport()
diff --git a/share/extensions/webslicer_create_group.inx b/share/extensions/webslicer_create_group.inx
index 2238a0901..aaa327ea7 100644
--- a/share/extensions/webslicer_create_group.inx
+++ b/share/extensions/webslicer_create_group.inx
@@ -1,33 +1,39 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
-  <_name>Set a layout group</_name>
-  <id>org.inkscape.web.slicer.create-group</id>
-  <dependency type="executable" location="extensions">webslicer_effect.py</dependency>
-  <dependency type="executable" location="extensions">webslicer_create_group.py</dependency>
-  <dependency type="executable" location="extensions">inkex.py</dependency>
-  <_param name="about" type="description">Layout Group is only about to help a better code generation (if you need it). To use this, you must to select some "Slicer rectangles" first.</_param>
-  <param name="html-id" type="string" _gui-text="HTML id attribute:"></param>
-  <param name="html-class" type="string" _gui-text="HTML class attribute:"></param>
-  <param name="width-unity" type="enum" _gui-text="Width unit:">
-    <_item value="px">Pixel (fixed)</_item>
-    <_item value="percent">Percent (relative to parent size)</_item>
-    <_item value="undefined">Undefined (relative to non-floating content size)</_item>
-  </param>
-  <param name="height-unity" type="enum" _gui-text="Height unit:">
-    <_item value="px">Pixel (fixed)</_item>
-    <_item value="percent">Percent (relative to parent size)</_item>
-    <_item value="undefined">Undefined (relative to non-floating content size)</_item>
-  </param>
-  <param name="bg-color" type="string" _gui-text="Background color:"></param>
-  <effect needs-live-preview="false">
-    <object-type>all</object-type>
-    <effects-menu>
-      <submenu _name="Web">
-        <submenu _name="Slicer"/>
-      </submenu>
-    </effects-menu>
-  </effect>
-  <script>
-    <command reldir="extensions" interpreter="python">webslicer_create_group.py</command>
-  </script>
+    <_name>Set a layout group</_name>
+    <id>org.inkscape.web.slicer.create-group</id>
+    <dependency type="executable" location="extensions">webslicer_effect.py</dependency>
+    <dependency type="executable" location="extensions">webslicer_create_group.py</dependency>
+    <dependency type="executable" location="extensions">inkex.py</dependency>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+            <param name="html-id" type="string" _gui-text="HTML id attribute:"></param>
+            <param name="html-class" type="string" _gui-text="HTML class attribute:"></param>
+            <param name="width-unity" type="enum" _gui-text="Width unit:">
+            <_item value="px">Pixel (fixed)</_item>
+            <_item value="percent">Percent (relative to parent size)</_item>
+            <_item value="undefined">Undefined (relative to non-floating content size)</_item>
+            </param>
+            <param name="height-unity" type="enum" _gui-text="Height unit:">
+            <_item value="px">Pixel (fixed)</_item>
+            <_item value="percent">Percent (relative to parent size)</_item>
+            <_item value="undefined">Undefined (relative to non-floating content size)</_item>
+            </param>
+            <param name="bg-color" type="string" _gui-text="Background color:"></param>
+        </page>
+        <page name="Help" _gui-text="Help">
+            <_param name="about" type="description">Layout Group is only about to help a better code generation (if you need it). To use this, you must to select some "Slicer rectangles" first.</_param>
+        </page>
+    </param>
+    <effect needs-live-preview="false">
+        <object-type>all</object-type>
+        <effects-menu>
+            <submenu _name="Web">
+                <submenu _name="Slicer"/>
+            </submenu>
+        </effects-menu>
+    </effect>
+    <script>
+        <command reldir="extensions" interpreter="python">webslicer_create_group.py</command>
+    </script>
 </inkscape-extension>
diff --git a/share/extensions/webslicer_create_group.py b/share/extensions/webslicer_create_group.py
index c6f9e653e..c2de0594b 100644
--- a/share/extensions/webslicer_create_group.py
+++ b/share/extensions/webslicer_create_group.py
@@ -28,26 +28,29 @@ class WebSlicer_CreateGroup(WebSlicer_Effect):
     def __init__(self):
         WebSlicer_Effect.__init__(self)
         self.OptionParser.add_option("--html-id",
-                                     action="store", type="string",
-                                     dest="html_id",
-                                     help="")
+                        action="store", type="string",
+                        dest="html_id",
+                        help="")
         self.OptionParser.add_option("--html-class",
-                                     action="store", type="string",
-                                     dest="html_class",
-                                     help="")
+                        action="store", type="string",
+                        dest="html_class",
+                        help="")
         self.OptionParser.add_option("--width-unity",
-                                     action="store", type="string",
-                                     dest="width_unity",
-                                     help="")
+                        action="store", type="string",
+                        dest="width_unity",
+                        help="")
         self.OptionParser.add_option("--height-unity",
-                                     action="store", type="string",
-                                     dest="height_unity",
-                                     help="")
+                        action="store", type="string",
+                        dest="height_unity",
+                        help="")
         self.OptionParser.add_option("--bg-color",
-                                     action="store", type="string",
-                                     dest="bg_color",
-                                     help="")
-
+                        action="store", type="string",
+                        dest="bg_color",
+                        help="")
+        self.OptionParser.add_option("--tab",
+                        action="store", type="string",
+                        dest="tab",
+                        help="The selected UI-tab when OK was pressed")
 
     def get_base_elements(self):
         self.layer = self.get_slicer_layer()
diff --git a/share/extensions/webslicer_export.inx b/share/extensions/webslicer_export.inx
index 3a7324370..f82e42f33 100644
--- a/share/extensions/webslicer_export.inx
+++ b/share/extensions/webslicer_export.inx
@@ -1,23 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
-  <_name>Export layout pieces and HTML+CSS code</_name>
-  <id>org.inkscape.web.slicer.export</id>
-  <dependency type="executable" location="extensions">webslicer_effect.py</dependency>
-  <dependency type="executable" location="extensions">webslicer_export.py</dependency>
-  <dependency type="executable" location="extensions">inkex.py</dependency>
-  <_param name="about" type="description">All sliced images, and optionaly code, will be generated as you had configured and saved to one directory.</_param>
-  <param name="dir" type="string" _gui-text="Directory path to export"></param>
-  <param name="create-dir" type="boolean" _gui-text="Create directory, if it does not exists">false</param>
-  <param name="with-code" type="boolean" _gui-text="With HTML and CSS">true</param>
-  <effect needs-live-preview="false">
+    <_name>Export layout pieces and HTML+CSS code</_name>
+    <id>org.inkscape.web.slicer.export</id>
+    <dependency type="executable" location="extensions">webslicer_effect.py</dependency>
+    <dependency type="executable" location="extensions">webslicer_export.py</dependency>
+    <dependency type="executable" location="extensions">inkex.py</dependency>
+	<param name="tab" type="notebook">
+        <page name="Options" _gui-text="Options">
+            <param name="dir" type="string" _gui-text="Directory path to export:"></param>
+            <param name="create-dir" type="boolean" _gui-text="Create directory, if it does not exists">false</param>
+            <param name="with-code" type="boolean" _gui-text="With HTML and CSS">true</param>
+        </page>
+        <page name="Help" _gui-text="Help">
+            <_param name="about" type="description">All sliced images, and optionaly code, will be generated as you had configured and saved to one directory.</_param>
+        </page>
+    </param>
+    <effect needs-live-preview="false">
     <object-type>all</object-type>
     <effects-menu>
-      <submenu _name="Web">
-        <submenu name="Slicer"/>
-      </submenu>
+        <submenu _name="Web">
+            <submenu name="Slicer"/>
+        </submenu>
     </effects-menu>
-  </effect>
-  <script>
-    <command reldir="extensions" interpreter="python">webslicer_export.py</command>
-  </script>
+    </effect>
+    <script>
+        <command reldir="extensions" interpreter="python">webslicer_export.py</command>
+    </script>
 </inkscape-extension>