• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Create multi-tabs forms in Joomla 1.0.x

Create multi-tabs forms in Joomla 1.0.x 17 years 2 months ago #1973

  • alex
  • alex's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 443
  • Thank you received: 3
1. In Form Style, paste this code before the existing code:
<link id=\"luna-tab-style-sheet\" type=\"text/css\" rel=\"stylesheet\" href=\"includes/js/tabs/tabpane.css\" />
<script type=\&quot;text/javascript\&quot; src=\&quot;includes/js/tabs/tabpane_mini.js\&quot;&gt;</script>
2. Add a new field as the first field of your form
Field name: page1
Field type: freetext
Default Value:
&lt;tr&gt;&lt;td&gt;&lt;div class=\&quot;tab-page\&quot; id=\&quot;content-pane\&quot;&gt;
    <script type=\&quot;text/javascript\&quot;>
    var tabPane1 = new WebFXTabPane( document.getElementById( \&quot;content-pane\&quot; ), 1 )
    </script>
    &lt;div class=\&quot;tab-page\&quot; id=\&quot;page1\&quot;&gt;
        &lt;h2 class=\&quot;tab\&quot;&gt;Page 1&lt;/h2&gt;
        <script type=\&quot;text/javascript\&quot;>
        tabPane1.addTabPage( document.getElementById( \&quot;page1\&quot; ) );</script>
        &lt;table width=\&quot;100%\&quot; border=\&quot;0\&quot; cellpadding=\&quot;0\&quot; cellspacing=\&quot;0\&quot;&gt;

3. Add a new field where you want to add a page split
Field name: page2
Field type: freetext
Default Value:
    &lt;/table&gt;
&lt;/div&gt;
&lt;div class=\&quot;tab-page\&quot; id=\&quot;page2\&quot;&gt;
    &lt;h2 class=\&quot;tab\&quot;&gt;Page 2&lt;/h2&gt;
    <script type=\&quot;text/javascript\&quot;>
    tabPane2.addTabPage( document.getElementById( \&quot;page2\&quot; ) );</script>
    &lt;table width=\&quot;100%\&quot; border=\&quot;0\&quot; cellpadding=\&quot;0\&quot; cellspacing=\&quot;0\&quot;&gt;

4. Repeat step 2 to add new pages like this
Field name: page3
Field type: freetext
Default Value:
    &lt;/table&gt;
&lt;/div&gt;
&lt;div class=\&quot;tab-page\&quot; id=\&quot;page3\&quot;&gt;
    &lt;h2 class=\&quot;tab\&quot;&gt;Page 3&lt;/h2&gt;
    <script type=\&quot;text/javascript\&quot;>
    tabPane3.addTabPage( document.getElementById( \&quot;page3\&quot; ) );</script>
    &lt;table width=\&quot;100%\&quot; border=\&quot;0\&quot; cellpadding=\&quot;0\&quot; cellspacing=\&quot;0\&quot;&gt;
5. At the end of your form, add the final field:
Field name: paneend
Field type: freetext
Default value:
    &lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
<br><br>Post edited by: alex, at: 2008/02/18 13:43
The administrator has disabled public write access.

Re:Create multi-tabs forms in Joomla 1.0.x 17 years 1 month ago #2483

  • mibrant
  • mibrant's Avatar
After using this code, the form background became white, instead of transparent (as in my joomla template). How do I avoid that?
The administrator has disabled public write access.

Re:Create multi-tabs forms in Joomla 1.0.x 17 years 1 month ago #2484

  • mibrant
  • mibrant's Avatar
After using this code, the form background became white, instead of transparent (as in my joomla template). How do I avoid that?
The administrator has disabled public write access.

Re:Create multi-tabs forms in Joomla 1.0.x 17 years 1 month ago #2486

  • mibrant
  • mibrant's Avatar
Error on mandatory fields
There is a problem with mandatory fields, using the tab form. If a mandatory field is missing on submit, the user is kept in the form and a help text shows what's missing.
But, if you have the submit button in the last tab, the error could be in another tab, not visible for the user. The result is that the user gets no hint of the error, and what was missing.
Can anyone help with a code that show a message on error with mandatory fields, telling the user to check all tabs?
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!