Using CMSE Custom Fields Shortcodes For Tabs

    The shortcode is easily inserted with the CMSE Shortcode editor button and can be used in any extension, including custom module. Any content type can be placed within the tabbed area. This helps to reduce clutter while delivering unlimited content in a single article. A custom module serves well to display tabbed content as aside to relative articles. Content plugins will be parsed.

    Easy Use

    Use the included editor shortcode insert button to place tabs or simply type the method

    [ tabs]

      [ tab The Title]

      content

      [ tab Other Title]

      content

    [ /tabs]

    Add a parameter to the tabs wrapper to insert a style class from the library.

    [ tabs|black]

      [ tab The Title]

      content

      [ tab Other Title]

      content

    [ /tabs]

    Display Content Plugin

    Simple Image Gallery content plugin in use

    Horizontal Content

    This is the container element shortcode input in use.

    camry racer

    Tab in Tab

    No Limit Tabbing

    This is another tab group within a tab which presents all sorts of possibilities. Method:

      [ tabs]

      [ tab Title]

          [ tabs]

            [ tab Inner Tab Title]

              content

          [ /tabs]

      [ /tabs]

    Just Because We Can

    There may be very few reasons to do this sub tabbed content, but it exists to explore possible benefits.

    Slide Accordion In Tab

    Making The Most Of The Tools

    This method opens up all sorts of possibilities to maximize content


    Phones

    The color format is easily changed by adding a preset style class as a second parameter in the opening tabs wrapper

        [ tabs|yellow]

    Will output <div class="yellow">

    The argument will accept a string of multiple classes, and with a little trickery, additional attributes can be added.

    Example: [ tabs|yellow bigfont" data-smooth="thisblock" itemScope="Slides]

    Will output <div class="yellow bigfont" data-smooth="thisblock" itemScope="Slides"> The style classes must be added first.

    Tablets

    These are the tools of the mobile salesman


    Sidetabs

    Birds

    This side tab format is achieved simply by adding a style class to the style argument in the opening tabs wrapper.

        [ tabs|sidetabs]

    Dogs

    These are the tools of the mobile salesman

    Wild Elephants

    running wild

    about walter

    Demonstration of the content blocking shortcode to restrict parts of page content to registered users only.

    Please login to view this blocked content

     

    he is in the shit now

     

    the world is green

    sometimes its like that

    green

    it can always be dat

    PayPal Cart Shortcode

    • The Big Coop

      Some coops are just bigger and better

      Price: $500

    facebook page shortcode

    The page is being displayed in a custom module. Done with shortcode [ facebook page="https://www.facebook.com/websitedonshosting/" ]

    twitter shortcode page

    The page is being displayed in a custom module. Easily done with shortcode [ twitter page="https://twitter.com/websitedons" ]

    Article Insert With Shortcode

    Content from a Joomla article is displayed in a custom module. Easily done with shortcode [ article="78" 50|read this]

    The Senate Intelligence committee investigating ...
    read this

    Countdown Shortcode

    The flexible countdown shortcode used in a custom module.

    Mosets Tree

    Copyright © 2019 CMSE Extension Demonstrations. All Rights Reserved.