joomla / joomla-cms

Home of the Joomla! Content Management System
https://www.joomla.org
GNU General Public License v2.0
4.73k stars 3.64k forks source link

Bad encoding while editing default home menu item #19756

Closed solracsf closed 6 years ago

solracsf commented 6 years ago

I create a Homepage, everything goes right, Save it. Then i try to edit it, but i have a CSS issue and JS is not loading.

When i show the source code of the page (see below), the header is loaded...at the middle of the page.

I've reinstalled Joomla core (trough Joomla Updater) same result.

I only have the behavior on the Default home.

System information (as much as possible)

PHP 7.1 Joomla 3.8.5


<form action="/administrator/index.php?option=com_menus&amp;view=item&amp;client_id=0&amp;layout=edit&amp;id=437" method="post" name="adminForm" id="item-form" class="form-validate">

    <div class="form-inline form-inline-header">
    <div class="control-group">
            <div class="control-label"><label id="jform_title-lbl" for="jform_title" class="hasPopover required" title="Menu Title" data-content="The title of the menu item that will display in the menu.">
    Menu Title<span class="star">&#160;*</span></label>
</div>
        <div class="controls"><input type="text" name="jform[title]" id="jform_title"  value="Home" class="input-xxlarge input-large-text required" size="40"       required aria-required="true"      />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_alias-lbl" for="jform_alias" class="hasPopover" title="Alias" data-content="The Alias will be used in the SEF URL. Leave this blank and Joomla will fill in a default value from the title. This value will depend on the SEO settings (Global Configuration-&gt;Site). &lt;br /&gt;Using Unicode will produce UTF-8 aliases. You may also enter manually any UTF-8 character. Spaces and some forbidden characters will be changed to hyphens.&lt;br /&gt;When using default transliteration it will produce an alias in lower case and with dashes instead of spaces. You may enter the Alias manually. Use lowercase letters and hyphens (-). No spaces or underscores are allowed. Default value will be a date and time if the title is typed in non-latin letters." data-placement="bottom" >
    Alias</label>
</div>
        <div class="controls"><input type="text" name="jform[alias]" id="jform_alias"  value="home"  size="40"    placeholder="Auto-generate from title"         />
</div>
</div>
</div>

    <div class="form-horizontal">

<ul class="nav nav-tabs" id="myTabTabs"></ul>
<div class="tab-content" id="myTabContent">

<div id="details" class="tab-pane active">
        <div class="row-fluid">
            <div class="span9">
                <div class="control-group">
            <div class="control-label"><label id="jform_type-lbl" for="jform_type" class="hasPopover required" title="Menu Item Type" data-content="The type of link: Component, URL, Alias, Separator or Heading.">
    Menu Item Type<span class="star">&#160;*</span></label>
</div>
        <div class="controls"><span class="input-append"><input type="text"  required="required" readonly="readonly" id="jform_type" value="Page"  size="40" class="input-medium" />
<a href="#menuTypeModal" role="button" class="btn btn-primary" data-toggle="modal" title="Select"><span class="icon-list icon-white" aria-hidden="true"></span> Select</a></span>
<div id="menuTypeModal" tabindex="-1" class="modal hide fade jviewport-width80">
    <div class="modal-header">
            <button type="button" class="close novalidate" data-dismiss="modal">×</button>
                <h3>Menu Item Type</h3>
    </div>
<div class="modal-body jviewport-height70">
    </div>
<div class="modal-footer">
    <a type="button" class="btn" data-dismiss="modal" aria-hidden="true">Close</a></div>
</div>

<input class="input-small" type="hidden" name="jform[type]" value="component" /></div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_request_id-lbl" for="jform_request_id" class="hasPopover required" title="Select Page" data-content="Select Page From list">
    Select Page<span class="star">&#160;*</span></label>
</div>
        <div class="controls"><span class="input-append">
<input type="text" class="input-medium" id="jform_request_id_name" value="Home" disabled="disabled" size="35" />
<a href="#modalPagejform_request_id" class="btn hasTooltip" role="button"  data-toggle="modal" title="Select or Change Page"><span class="icon-file"></span> Select</a>
</span>
<input type="hidden" id="jform_request_id_id" class="required modal-value" name="jform[request][id]" value="1" />
<div id="modalPagejform_request_id" tabindex="-1" class="modal hide fade">
    <div class="modal-header">
            <button type="button" class="close novalidate" data-dismiss="modal">×</button>
                <h3>Select a Page</h3>
    </div>
<div class="modal-body">
    </div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button></div>
</div>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_link-lbl" for="jform_link" class="hasPopover" title="Link" data-content="Link for this menu.">
    Link</label>
</div>
        <div class="controls"><input type="text" name="jform[link]" id="jform_link"  value="index.php?option=com_sppagebuilder&amp;view=page&amp;id=1" class="input-xxlarge" size="50"  readonly           />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_browserNav-lbl" for="jform_browserNav" class="hasPopover" title="Target Window" data-content="Target browser window when the menu item is selected.">
    Target Window</label>
</div>
        <div class="controls"><select id="jform_browserNav" name="jform[browserNav]">
    <option value="0" selected="selected">Parent</option>
    <option value="1">New Window With Navigation</option>
    <option value="2">New Without Navigation</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_template_style_id-lbl" for="jform_template_style_id" class="hasPopover" title="Template Style" data-content="Select a specific template style for this menu item or use the default template.">
    Template Style</label>
</div>
        <div class="controls"><select id="jform_template_style_id" name="jform[template_style_id]">
        <option value="0" selected="selected">- Use Default -</option>
    <optgroup label="beez3">
        <option value="9">Beez3 - Default</option>
        <option value="4">Beez3 - Fruit Shop</option>
    </optgroup>
    <optgroup label="protostar">
        <option value="7">protostar - Default</option>
    </optgroup>
    <optgroup label="shaper_helix3">
        <option value="10">OneAccess</option>
    </optgroup>
</select>
</div>
</div>
            </div>
            <div class="span3">
                <fieldset class="form-vertical"><input type="hidden" name="jform[id]" id="jform_id" value="437" class="readonly" /><div class="control-group">
            <div class="control-label"><label id="jform_menutype-lbl" for="jform_menutype" class="hasPopover required" title=" Menu" data-content="Shows which menu the link will appear in.">
     Menu<span class="star">&#160;*</span></label>
</div>
        <div class="controls"><select id="jform_menutype" name="jform[menutype]"  class="required" size="1" required aria-required="true">
        <option value="">- Select Menu -</option>
        <option value="mainmenu">Main Menu</option>
        <option value="partners">Our Partmers</option>
        <option value="quicklink">Quick Link</option>
        <option value="system" selected="selected">System</option>
        <option value="usermenu">User Menu</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_parent_id-lbl" for="jform_parent_id" class="hasPopover" title="Parent Item" data-content="Select a parent item.">
    Parent Item</label>
</div>
        <div class="controls"><select id="jform_parent_id" name="jform[parent_id]" size="1">
    <option value="1" selected="selected">Menu Item Root</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_menuordering-lbl" for="jform_menuordering" class="hasPopover" title="Ordering" data-content="The menu item will be placed in the menu after the selected menu item.">
    Ordering</label>
</div>
        <div class="controls"><select id="jform_menuordering" name="jform[menuordering]" size="1">
    <option value="-1">- First -</option>
    <option value="437" selected="selected">Home</option>
    <option value="-2">- Last -</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_published-lbl" for="jform_published" class="hasPopover" title="Status" data-content="Set publication status.">
    Status</label>
</div>
        <div class="controls"><select id="jform_published" name="jform[published]" class="chzn-color-state" size="1">
    <option value="1" selected="selected">Published</option>
    <option value="0">Unpublished</option>
    <option value="-2">Trashed</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_home-lbl" for="jform_home" class="hasPopover" title="Default Page" data-content="Sets this menu item as the default or home page of the site. You must have a default page set at all times.">
    Default Page</label>
</div>
        <div class="controls"><fieldset id="jform_home" class="btn-group btn-group-yesno radio"
                >

                        <input type="radio" id="jform_home0" name="jform[home]" value="1" checked="checked" />          <label for="jform_home0" >
                Yes         </label>

                        <input type="radio" id="jform_home1" name="jform[home]" value="0"  />           <label for="jform_home1" >
                No          </label>
            </fieldset>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_access-lbl" for="jform_access" class="hasPopover" title="Access" data-content="The access level group that is allowed to view this item.">
    Access</label>
</div>
        <div class="controls"><select id="jform_access" name="jform[access]">
    <option value="1" selected="selected">Public</option>
    <option value="5">Guest</option>
    <option value="2">Registered</option>
    <option value="3">Special</option>
    <option value="6">Super Users</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_language-lbl" for="jform_language" class="hasPopover" title="Language" data-content="Assign a language to this menu item.">
    Language</label>
</div>
        <div class="controls"><select id="jform_language" name="jform[language]">
    <option value="*" selected="selected">All</option>
    <option value="en-GB">English (UK)</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_note-lbl" for="jform_note" class="hasPopover" title="Note" data-content="An optional note to display in the Menu Manager.">
    Note</label>
</div>
        <div class="controls"><input type="text" name="jform[note]" id="jform_note"  value="" class="span12" size="40"       maxlength="255"       />
</div>
</div>
</fieldset>         </div>
        </div>

</div>
        <!DOCTYPE html>
<html lang="en-gb" dir="ltr">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <meta name="generator" content="Joomla! - Open Source Content Management" />
    <title>Menus: Edit Item - OneAccess - Administration</title>
    <link href="/administrator/templates/isis/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="/plugins/system/helix3/assets/css/bootstrap.css" rel="stylesheet" />
    <link href="/plugins/system/helix3/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/plugins/system/helix3/assets/css/modal.css" rel="stylesheet" />
    <link href="/plugins/system/helix3/assets/css/menu.generator.css" rel="stylesheet" />
    <link href="/plugins/system/helixultimate/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/plugins/system/helixultimate/assets/css/admin/modal.css" rel="stylesheet" />
    <link href="/plugins/system/helixultimate/assets/css/admin/menu.generator.css" rel="stylesheet" />
    <link href="/media/jui/css/chosen.css?876633e707b78ac2e4411edcdba10393" rel="stylesheet" />
    <link href="/media/jui/css/bootstrap-tooltip-extended.css?876633e707b78ac2e4411edcdba10393" rel="stylesheet" />
    <link href="/media/jui/css/jquery.minicolors.css?876633e707b78ac2e4411edcdba10393" rel="stylesheet" />
    <link href="/administrator/templates/isis/css/template.css?876633e707b78ac2e4411edcdba10393" rel="stylesheet" />
    <style>

ul.horizontal-buttons li {
  display: inline-block;
  padding-right: 10%;
}

    </style>
    <script type="application/json" class="joomla-script-options new">{"csrf.token":"7511e64e33e0e4d59114039a3c44d4be","system.paths":{"root":"","base":"\/administrator"},"joomla.jtext":{"JLIB_FORM_FIELD_INVALID":"Invalid field:&#160","ERROR":"Error","JGLOBAL_VALIDATION_FORM_FAILED":"Invalid form","JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST":"Please first make a selection from the list."},"system.keepalive":{"interval":3600000,"uri":"\/administrator\/index.php?option=com_ajax&amp;format=json"}}</script>
    <script src="/media/jui/js/jquery.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/jquery-noconflict.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/jquery-migrate.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/cms.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/jquery.ui.core.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/jquery.ui.sortable.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/plugins/system/helix3/assets/js/jquery-ui.draggable.min.js"></script>
    <script src="/plugins/system/helix3/assets/js/modal.js"></script>
    <script src="/plugins/system/helix3/assets/js/menu.generator.js"></script>
    <script src="/plugins/system/helixultimate/assets/js/admin/modal.js"></script>
    <script src="/plugins/system/helixultimate/assets/js/admin/menu.generator.js"></script>
    <script src="/media/system/js/core.js?876633e707b78ac2e4411edcdba10393"></script>
    <!--[if lte IE 9]><script src="/media/system/js/polyfill.filter.js?876633e707b78ac2e4411edcdba10393"></script><![endif]-->
    <script src="/media/system/js/polyfill.xpath.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/system/js/tabs-state.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/system/js/punycode.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/system/js/validate.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/chosen.jquery.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <!--[if lt IE 9]><script src="/media/system/js/polyfill.event.js?876633e707b78ac2e4411edcdba10393"></script><![endif]-->
    <script src="/media/system/js/keepalive.js?876633e707b78ac2e4411edcdba10393"></script>
    <!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?876633e707b78ac2e4411edcdba10393"></script><![endif]-->
    <script src="/media/jui/js/bootstrap.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/bootstrap-tooltip-extended.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/media/js/mediafield.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/jui/js/jquery.minicolors.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/media/system/js/color-field-adv-init.min.js?876633e707b78ac2e4411edcdba10393"></script>
    <script src="/administrator/templates/isis/js/template.js?876633e707b78ac2e4411edcdba10393"></script>
    <!--[if lt IE 9]><script src="/media/jui/js/html5.js?876633e707b78ac2e4411edcdba10393"></script><![endif]-->
    <script>

    jQuery(function ($) {
        initChosen();
        $("body").on("subform-row-add", initChosen);

        function initChosen(event, container)
        {
            container = container || document;
            $(container).find("select").chosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"});
        }
    });

jQuery(document).ready(function ($){
    $('#jform_menutype').change(function(){
        var menutype = $(this).val();
        $.ajax({
            url: 'index.php?option=com_menus&task=item.getParentItem&menutype=' + menutype,
            dataType: 'json'
        }).done(function(data) {
            $('#jform_parent_id option').each(function() {
                if ($(this).val() != '1') {
                    $(this).remove();
                }
            });

            $.each(data, function (i, val) {
                var option = $('<option>');
                option.text(val.title).val(val.id);
                $('#jform_parent_id').append(option);
            });
            $('#jform_parent_id').trigger('liszt:updated');
        });
    });

    // Menu type Login Form specific
    $('#item-form').on('submit', function() {
        if ($('#jform_params_login_redirect_url') && $('#jform_params_logout_redirect_url')) {
            // Login
            if ($('#jform_params_login_redirect_url').closest('.control-group').css('display') === 'block') {
                $('#jform_params_login_redirect_menuitem_id').val('');
            }
            if ($('#jform_params_login_redirect_menuitem_name').closest('.control-group').css('display') === 'block') {
                $('#jform_params_login_redirect_url').val('');

            }

            // Logout
            if ($('#jform_params_logout_redirect_url').closest('.control-group').css('display') === 'block') {
                $('#jform_params_logout_redirect_menuitem_id').val('');
            }
            if ($('#jform_params_logout_redirect_menuitem_id').closest('.control-group').css('display') === 'block') {
                $('#jform_params_logout_redirect_url').val('');
            }
        }
    });
});

Joomla.submitbutton = function(task, type){
    if (task == 'item.setType' || task == 'item.setMenuType')
    {
        if (task == 'item.setType')
        {
            jQuery('#item-form input[name="jform[type]"]').val(type);
            jQuery('#fieldtype').val('type');
        } else {
            jQuery('#item-form input[name="jform[menutype]"]').val(type);
        }
        Joomla.submitform('item.setType', document.getElementById('item-form'));
    } else if (task == 'item.cancel' || document.formvalidator.isValid(document.getElementById('item-form')))
    {
        Joomla.submitform(task, document.getElementById('item-form'));

        // @deprecated 4.0  The following js is not needed since 3.7.0.
        if (task !== 'item.apply')
        {
            window.parent.jQuery('#menuEdit437Modal').modal('hide');
        }
    }
    else
    {
        // special case for modal popups validation response
        jQuery('#item-form .modal-value.invalid').each(function(){
            var field = jQuery(this),
                idReversed = field.attr('id').split('').reverse().join(''),
                separatorLocation = idReversed.indexOf('_'),
                nameId = '#' + idReversed.substr(separatorLocation).split('').reverse().join('') + 'name';
            jQuery(nameId).addClass('invalid');
        });
    }
};

jQuery(function($){ $(".hasPopover").popover({"html": true,"trigger": "hover focus","container": "body"}); });
jQuery(function($){ $("#myTab a").click(function (e) {e.preventDefault();$(this).tab("show");});});
jQuery(function($){ $("#myTabTabs").append($("<li class=\" active\"><a href=\"#details\" data-toggle=\"tab\">Details<\/a><\/li>")); });
            function jSelectPosition_jform_type(name) {
                document.getElementById("jform_type").value = name;
            }

jQuery(document).ready(function($) {
   $('#menuTypeModal').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       var modalBody = $(this).find('.modal-body');
       modalBody.find('iframe').remove();
       modalBody.prepend('<iframe class="iframe jviewport-height70" src="/administrator/index.php?option=com_menus&amp;view=menutypes&amp;tmpl=component&amp;client_id=0&amp;recordId=437" name="Menu Item Type" height="300px" width="800px"></iframe>');
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('menuTypeModal').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       var iframeHeight = $('.iframe').height();
       if (iframeHeight > maxModalBodyHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
           $('.iframe').css('max-height', maxModalBodyHeight-modalBodyPadding);
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
    function jSelectPage_jform_request_id(id, title, catid, object) {
        document.getElementById("jform_request_id_id").value = id;
        document.getElementById("jform_request_id_name").value = title;
        jQuery("#modalPagejform_request_id").modal("hide");
        document.formvalidator.validate(document.getElementById("jform_request_id_id"));
        document.formvalidator.validate(document.getElementById("jform_request_id_name"));
    }
jQuery(document).ready(function($) {
   $('#modalPagejform_request_id').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       var modalBody = $(this).find('.modal-body');
       modalBody.find('iframe').remove();
       modalBody.prepend('<iframe class="iframe" src="index.php?option=com_sppagebuilder&amp;view=pages&amp;layout=modal&amp;tmpl=component&amp;function=jSelectPage_jform_request_id&amp;7511e64e33e0e4d59114039a3c44d4be=1" name="Select a Page" height="400px" width="800px"></iframe>');
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('modalPagejform_request_id').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       var iframeHeight = $('.iframe').height();
       if (iframeHeight > maxModalBodyHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
           $('.iframe').css('max-height', maxModalBodyHeight-modalBodyPadding);
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-menu-options\" data-toggle=\"tab\">Link Type<\/a><\/li>")); });
jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
jQuery(document).ready(function($) {
   $('#imageModal_jform_params_menu_image').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       $('.modalTooltip').each(function(){;
           var attr = $(this).attr('data-placement');
           if ( attr === undefined || attr === false ) $(this).attr('data-placement', 'auto-dir top-left')
       });
       $('.modalTooltip').tooltip({'html': true, 'container': '#imageModal_jform_params_menu_image'});
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('imageModal_jform_params_menu_image').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       if (modalHeight > maxModalHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-page-options\" data-toggle=\"tab\">Page Display<\/a><\/li>")); });
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-metadata\" data-toggle=\"tab\">Metadata<\/a><\/li>")); });
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-spmegamenu\" data-toggle=\"tab\">Helix Megamenu Options<\/a><\/li>")); });
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-pagetitle\" data-toggle=\"tab\">Helix Page Title<\/a><\/li>")); });
jQuery(document).ready(function($) {
   $('#imageModal_jform_params_page_title_bg_image').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       $('.modalTooltip').each(function(){;
           var attr = $(this).attr('data-placement');
           if ( attr === undefined || attr === false ) $(this).attr('data-placement', 'auto-dir top-left')
       });
       $('.modalTooltip').tooltip({'html': true, 'container': '#imageModal_jform_params_page_title_bg_image'});
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('imageModal_jform_params_page_title_bg_image').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       if (modalHeight > maxModalHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-helixultimatemegamenu\" data-toggle=\"tab\"><i class='fa fa-bars fa-fw'><\/i> Mega Menu<\/a><\/li>")); });
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#attrib-helixultimatepagetitle\" data-toggle=\"tab\">Page Title<\/a><\/li>")); });
jQuery(document).ready(function($) {
   $('#imageModal_jform_params_helixultimate_page_title_bg_image').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       $('.modalTooltip').each(function(){;
           var attr = $(this).attr('data-placement');
           if ( attr === undefined || attr === false ) $(this).attr('data-placement', 'auto-dir top-left')
       });
       $('.modalTooltip').tooltip({'html': true, 'container': '#imageModal_jform_params_helixultimate_page_title_bg_image'});
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('imageModal_jform_params_helixultimate_page_title_bg_image').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       if (modalHeight > maxModalHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
jQuery(function($){ $("#myTabTabs").append($("<li class=\"\"><a href=\"#modules\" data-toggle=\"tab\">Module Assignment<\/a><\/li>")); });
    var viewLevels = {"1":"Public","2":"Registered","3":"Special","5":"Guest","6":"Super Users"},
        menuId = parseInt(437);

    jQuery(function($) {
        var baseLink = "index.php?option=com_modules&amp;client_id=0&amp;task=module.edit&amp;tmpl=component&amp;view=module&amp;layout=modal&amp;id=",
            iFrameAttr = "class=\"iframe jviewport-height70\"";

        $(document)
            .on("click", "input:radio[id^='jform_toggle_modules_assigned1']", function (event) {
                $(".table tr.no").hide();
            })
            .on("click", "input:radio[id^='jform_toggle_modules_assigned0']", function (event) {
                $(".table tr.no").show();
            })
            .on("click", "input:radio[id^='jform_toggle_modules_published1']", function (event) {
                $(".table tr.unpublished").hide();
            })
            .on("click", "input:radio[id^='jform_toggle_modules_published0']", function (event) {
                $(".table tr.unpublished").show();
            })
            .on("click", ".module-edit-link", function () {
                var link = baseLink + $(this).data("moduleId"),
                    iFrame = $("<iframe src=\"" + link + "\" " + iFrameAttr + "></iframe>");

                $("#moduleEditModal").modal()
                    .find(".modal-body").empty().prepend(iFrame);
            })
            .on("click", "#moduleEditModal .modal-footer .btn", function () {
                var target = $(this).data("target");

                if (target) {
                    $("#moduleEditModal iframe").contents().find(target).click();
                }
            });
    });

jQuery(document).ready(function($) {
   $('#moduleEditModal').on('show.bs.modal', function() {
       $('body').addClass('modal-open');
       $('.modalTooltip').each(function(){;
           var attr = $(this).attr('data-placement');
           if ( attr === undefined || attr === false ) $(this).attr('data-placement', 'auto-dir top-left')
       });
       $('.modalTooltip').tooltip({'html': true, 'container': '#moduleEditModal'});
   }).on('shown.bs.modal', function() {
       var modalHeight = $('div.modal:visible').outerHeight(true),
           modalHeaderHeight = $('div.modal-header:visible').outerHeight(true),
           modalBodyHeightOuter = $('div.modal-body:visible').outerHeight(true),
           modalBodyHeight = $('div.modal-body:visible').height(),
           modalFooterHeight = $('div.modal-footer:visible').outerHeight(true),
           padding = document.getElementById('moduleEditModal').offsetTop,
           maxModalHeight = ($(window).height()-(padding*2)),
           modalBodyPadding = (modalBodyHeightOuter-modalBodyHeight),
           maxModalBodyHeight = maxModalHeight-(modalHeaderHeight+modalFooterHeight+modalBodyPadding);
       if (modalHeight > maxModalHeight){;
           $('.modal-body').css({'max-height': maxModalBodyHeight, 'overflow-y': 'auto'});
       }
   }).on('hide.bs.modal', function () {
       $('body').removeClass('modal-open');
       $('.modal-body').css({'max-height': 'initial', 'overflow-y': 'initial'});
       $('.modalTooltip').tooltip('destroy');
   });
});
    </script>

</head>
<body class="admin com_menus view-item layout-edit task- itemid-0" data-basepath="">
<!-- Top Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
                            <a href="#" class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="element-invisible">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

            <!-- skip to content -->
            <a class="element-invisible" href="#skiptarget">Skip to Main Content</a>

            <a class="admin-logo disabled" >
                <span class="icon-joomla"></span>
                <div class="element-invisible">
                    Control Panel               </div>
            </a>

            <a class="brand hidden-desktop hidden-tablet" href="https://my.domain.com/" title="Preview OneAccess" target="_blank">OneAccess             <span class="icon-out-2 small"></span></a>

            <div class="nav-collapse collapse">
                <ul id="menu" class="nav disabled ">
<li class="disabled"><a class="no-dropdown"  href="#" >System</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Users</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Menus</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Content</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Components</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Extensions</a></li>
<li class="disabled"><a class="no-dropdown"  href="#" >Help</a></li>
</ul>
<ul id="nav-empty" class="dropdown-menu nav-empty hidden-phone"></ul>
<ul id="sp-pagebuiler-menu" class="nav disabled">
    <li class="dropdown  disabled ">

            <a class="no-dropdown">
            SP Page Builder     </a>
        </li>
</ul>

                <ul class="nav nav-user pull-right">
                    <li class="dropdown">
                        <a class=" disabled" data-toggle="" ><span class="icon-user"></span>
                            <span class="caret"></span>
                            <div class="element-invisible">
                                User Menu                           </div>
                        </a>
                        <ul class="dropdown-menu">
                                                    </ul>
                    </li>
                </ul>
                <a class="brand visible-desktop visible-tablet" href="https://my.domain.com/" title="Preview OneAccess" target="_blank">OneAccess                   <span class="icon-out-2 small"></span></a>
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</nav>
<!-- Header -->
    <header class="header">
        <div class="container-logo">
            <img src="/administrator/templates/isis/images/logo.png" class="logo" alt="OneAccess" />
        </div>
        <div class="container-title">
                <h1 class="page-title">
    <span class="icon-list menu-add" aria-hidden="true"></span>
    Menus: Edit Item</h1>

        </div>
    </header>
    <!-- Subheader -->
    <a class="btn btn-subhead" data-toggle="collapse" data-target=".subhead-collapse">Toolbar       <span class="icon-wrench"></span></a>
    <div class="subhead-collapse collapse" id="isisJsData" data-tmpl-sticky="true" data-tmpl-offset="30">
        <div class="subhead">
            <div class="container-fluid">
                <div id="container-collapse" class="container-collapse"></div>
                <div class="row-fluid">
                    <div class="span12">
                        <!-- target for skip to content link -->
                        <a id="skiptarget" class="element-invisible">Main content begins here</a>
                        <div class="btn-toolbar" role="toolbar" aria-label="Toolbar" id="toolbar">
<div class="btn-wrapper"  id="toolbar-apply">
    <button onclick="Joomla.submitbutton('item.apply');" class="btn btn-small button-apply btn-success">
    <span class="icon-apply icon-white" aria-hidden="true"></span>
    Save</button>
</div>
<div class="btn-wrapper"  id="toolbar-save">
    <button onclick="Joomla.submitbutton('item.save');" class="btn btn-small button-save">
    <span class="icon-save" aria-hidden="true"></span>
    Save &amp; Close</button>
</div>
<div class="btn-wrapper"  id="toolbar-save-new">
    <button onclick="Joomla.submitbutton('item.save2new');" class="btn btn-small button-save-new">
    <span class="icon-save-new" aria-hidden="true"></span>
    Save &amp; New</button>
</div>
<div class="btn-wrapper"  id="toolbar-save-copy">
    <button onclick="Joomla.submitbutton('item.save2copy');" class="btn btn-small button-save-copy">
    <span class="icon-save-copy" aria-hidden="true"></span>
    Save as Copy</button>
</div>
<div class="btn-wrapper"  id="toolbar-cancel">
    <button onclick="Joomla.submitbutton('item.cancel');" class="btn btn-small button-cancel">
    <span class="icon-cancel" aria-hidden="true"></span>
    Close</button>
</div>
<div class="btn-wrapper"  id="toolbar-help">
    <button onclick="Joomla.popupWindow('https://help.joomla.org/proxy?keyref=Help38:Menus_Menu_Item_Manager_Edit&amp;lang=en', 'Help', 700, 500, 1)" rel="help" class="btn btn-small">
    <span class="icon-question-sign" aria-hidden="true"></span>
    Help</button>
</div>
</div>

                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- container-fluid -->
<div class="container-fluid container-main">
    <section id="content">
        <!-- Begin Content -->

        <div class="row-fluid">
                            <div class="span12">
                                        <div id="system-message-container">
    </div>

<div id="attrib-menu-options" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_anchor_title-lbl" for="jform_params_menu_anchor_title" class="hasPopover" title="Link Title Attribute" data-content="An optional, custom description for the title attribute of the menu hyperlink.">
    Link Title Attribute</label>
</div>
        <div class="controls"><input type="text" name="jform[params][menu-anchor_title]" id="jform_params_menu_anchor_title"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_anchor_css-lbl" for="jform_params_menu_anchor_css" class="hasPopover" title="Link Class" data-content="An optional class to apply to the menu hyperlink.">
    Link Class</label>
</div>
        <div class="controls"><input type="text" name="jform[params][menu-anchor_css]" id="jform_params_menu_anchor_css"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_image-lbl" for="jform_params_menu_image" class="hasPopover" title="Link Image" data-content="Select or upload an optional image to be used with the menu hyperlink.">
    Link Image</label>
</div>
        <div class="controls"><div class="field-media-wrapper"
    data-basepath="https://my.domain.com/"
    data-url="index.php?option=com_media&amp;view=images&amp;tmpl=component&amp;asset=com_menus&amp;author=&amp;fieldid={field-media-id}&amp;ismoo=0&amp;folder="
    data-modal=".modal"
    data-modal-width="100%"
    data-modal-height="400px"
    data-input=".field-media-input"
    data-button-select=".button-select"
    data-button-clear=".button-clear"
    data-button-save-selected=".button-save-selected"
    data-preview="true"
    data-preview-as-tooltip="true"
    data-preview-container=".field-media-preview"
    data-preview-width="200"
    data-preview-height="200"
>
    <div id="imageModal_jform_params_menu_image" tabindex="-1" class="modal hide fade">
    <div class="modal-header">
            <button type="button" class="close novalidate" data-dismiss="modal">×</button>
                <h3>Change Image</h3>
    </div>
<div class="modal-body">
    </div>
<div class="modal-footer">
    <a class="btn" data-dismiss="modal">Cancel</a></div>
</div>
        <div class="input-prepend input-append">
        <span rel="popover" class="add-on pop-helper field-media-preview"
            title="Selected image." data-content="No image selected."
            data-original-title="Selected image." data-trigger="hover">
            <span class="icon-eye" aria-hidden="true"></span>
        </span>
            <input type="text" name="jform[params][menu_image]" id="jform_params_menu_image" value="" readonly="readonly" class="input-small hasTooltip field-media-input"/>
                    <a class="btn add-on button-select">Select</a>
            <a class="btn icon-remove hasTooltip add-on button-clear" title="Clear"></a>
            </div>
    </div>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_image_css-lbl" for="jform_params_menu_image_css" class="hasPopover" title="Image CSS Style" data-content="An optional, custom style to apply to the image element.">
    Image CSS Style</label>
</div>
        <div class="controls"><input type="text" name="jform[params][menu_image_css]" id="jform_params_menu_image_css"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_text-lbl" for="jform_params_menu_text" class="hasPopover" title="Add Menu Title" data-content="If the optional image is added, adds the menu title next to the image. Default is 'Yes'.">
    Add Menu Title</label>
</div>
        <div class="controls"><fieldset id="jform_params_menu_text" class="btn-group btn-group-yesno radio"
                >

                        <input type="radio" id="jform_params_menu_text0" name="jform[params][menu_text]" value="1" checked="checked" />         <label for="jform_params_menu_text0" >
                Yes         </label>

                        <input type="radio" id="jform_params_menu_text1" name="jform[params][menu_text]" value="0"  />          <label for="jform_params_menu_text1" >
                No          </label>
            </fieldset>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_show-lbl" for="jform_params_menu_show" class="hasPopover" title="Display in Menu" data-content="Select 'No' if you want to hide this menu item. Note any submenu items will also be hidden.">
    Display in Menu</label>
</div>
        <div class="controls"><fieldset id="jform_params_menu_show" class="btn-group btn-group-yesno radio"
                >

                        <input type="radio" id="jform_params_menu_show0" name="jform[params][menu_show]" value="1" checked="checked" />         <label for="jform_params_menu_show0" >
                Yes         </label>

                        <input type="radio" id="jform_params_menu_show1" name="jform[params][menu_show]" value="0"  />          <label for="jform_params_menu_show1" >
                No          </label>
            </fieldset>
</div>
</div>

</div>
<div id="attrib-page-options" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_title-lbl" for="jform_params_page_title" class="hasPopover" title="Browser Page Title" data-content="Optional text for the &amp;quot;Browser page title&amp;quot; element. If blank, a default value is used based on the Menu Item Title.">
    Browser Page Title</label>
</div>
        <div class="controls"><input type="text" name="jform[params][page_title]" id="jform_params_page_title"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_show_page_heading-lbl" for="jform_params_show_page_heading" class="hasPopover" title="Show Page Heading" data-content="Show or hide the Browser Page Title in the heading of the page ( If no optional text entered - will default to value based on the Menu Item Title ). The Page heading is usually displayed inside the &amp;quot;H1&amp;quot; tag.">
    Show Page Heading</label>
</div>
        <div class="controls"><select id="jform_params_show_page_heading" name="jform[params][show_page_heading]" class="chzn-color">
    <option value="">Use Global</option>
    <option value="1">Yes</option>
    <option value="0" selected="selected">No</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_heading-lbl" for="jform_params_page_heading" class="hasPopover" title="Page Heading" data-content="Optional alternative text for the Page heading.">
    Page Heading</label>
</div>
        <div class="controls"><input type="text" name="jform[params][page_heading]" id="jform_params_page_heading"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_pageclass_sfx-lbl" for="jform_params_pageclass_sfx" class="hasPopover" title="Page Class" data-content="Optional CSS class to add to elements in this page. This allows CSS styling specific to this page.">
    Page Class</label>
</div>
        <div class="controls"><input type="text" name="jform[params][pageclass_sfx]" id="jform_params_pageclass_sfx"  value=""               />
</div>
</div>

</div>
<div id="attrib-metadata" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_meta_description-lbl" for="jform_params_menu_meta_description" class="hasPopover" title="Meta Description" data-content="An optional paragraph to be used as the description of the page in the HTML output. This will generally display in the results of search engines.">
    Meta Description</label>
</div>
        <div class="controls"><textarea name="jform[params][menu-meta_description]" id="jform_params_menu_meta_description"  cols="40"  rows="3"            ></textarea></div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_menu_meta_keywords-lbl" for="jform_params_menu_meta_keywords" class="hasPopover" title="Meta Keywords" data-content="An optional comma-separated list of keywords and/or phrases to be used in the HTML output.">
    Meta Keywords</label>
</div>
        <div class="controls"><textarea name="jform[params][menu-meta_keywords]" id="jform_params_menu_meta_keywords"  cols="40"  rows="3"            ></textarea></div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_robots-lbl" for="jform_params_robots" class="hasPopover" title="Robots" data-content="Robots instructions.">
    Robots</label>
</div>
        <div class="controls"><select id="jform_params_robots" name="jform[params][robots]">
    <option value="" selected="selected">Use Global</option>
    <option value="index, follow">Index, Follow</option>
    <option value="noindex, follow">No index, follow</option>
    <option value="index, nofollow">Index, No follow</option>
    <option value="noindex, nofollow">No index, no follow</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_secure-lbl" for="jform_params_secure" class="hasPopover" title="Secure" data-content="Selects if this link should use HTTPS (encrypted HTTP connections with the https:// protocol prefix). Note, you must have HTTPS enabled on your server to utilise this option.">
    Secure</label>
</div>
        <div class="controls"><select id="jform_params_secure" name="jform[params][secure]">
    <option value="-1">Off</option>
    <option value="1">On</option>
    <option value="0" selected="selected">Ignore</option>
</select>
</div>
</div>

</div>
<div id="attrib-spmegamenu" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_menulayout-lbl" for="jform_params_menulayout">
    menulayout</label>
</div>
        <div class="controls">

<div class="row-fluid">

  <div class="span2">
    <h3 class="sidebar-title">Drag Module</h3>
    <div class="modules-list">
      <div class="draggable-module" data-mod_id="17">Breadcrumbs<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="35">Search<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="95">Latest News<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="96">Our Partners<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="97">Quick Link<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="98">Portfolio Module<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="99">Latest News<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="100">Search<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="101">Information<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="102">Search<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="103">Latest News<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="104">Information<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="105">Off Canvas Menu<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="107">Portfolio Module -  Portfolio Home<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div><div class="draggable-module" data-mod_id="116">About Us<i class="fa fa-remove"></i><i class="fa fa-arrows"></i></div>    </div>
  </div>

  <div class="span10">

    <div class="action-bar">
      <ul>
        <li>
          <strong>Dropdown Width</strong> <input type="number" id="menuWidth" name="width" value="600">
        </li>
        <li id="sizeShape"><a href="#" class="add-layout btn btn-primary"><i class="fa fa-plus"></i> Manage Layout</a></li>
        <li class="btn-group">
          <a class="alignment btn " data-al_flag="left" href="#">Left</a>
          <a class="alignment btn " data-al_flag="center" href="#">Center</a>
          <a class="alignment btn active" data-al_flag="right" href="#">Right</a>
          <a class="alignment btn " data-al_flag="full" href="#">Full</a>
        </li>
        <li class="btn-group">
          <a class="layout-reset btn btn-success"href="#" data-current_item="437"><i class="fa fa-refresh"></i> Reset</a>
        </li>
      </ul>
    </div>

    <div id="megamenulayout" style="width:600px;" data-width="600" data-menu_item="1" data-menu_align="right">

      <div class="menu-section"><span class="row-move"><i class="fa fa-bars"></i></span><div class="spmenu sp-row"><div class="column sp-col-md-12" data-column="12"><div class="column-items-wrap"><h4 style="display:none" data-current_child="437" >Home</h4><ul class="child-menu-items"></ul><div class="modules-container"></div></div></div></div></div>
    </div>
  </div>
</div>

<div class="sp-modal" id="layout-modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  <div class="sp-modal-dialog">
    <div class="sp-modal-content">
      <div class="sp-modal-header">
        <button type="button" class="close" data-dismiss="spmodal" aria-hidden="true">&times;</button>
        <h3 class="sp-modal-title" id="modal-label">Choose Layout</h3>
      </div>
      <div class="sp-modal-body">
        <ul class="menu-layout-list clearfix">
          <li><a href="#" class="layout12" data-layout="12" data-design="layout12"><img src="/plugins/system/helix3/assets/images/megamenu/12.png" alt="12"></a></li>
          <li><a href="#" class="layout66" data-layout="6,6" data-design="layout66"><img src="/plugins/system/helix3/assets/images/megamenu/6-6.png" alt="6+6"></a></li>
          <li><a href="#" class="layout444" data-layout="4,4,4" data-design="layout444"><img src="/plugins/system/helix3/assets/images/megamenu/4-4-4.png" alt="4+4+4"></a></li>
          <li><a href="#" class="layout3333" data-layout="3,3,3,3" data-design="layout3333"><img src="/plugins/system/helix3/assets/images/megamenu/3-3-3-3.png" alt="3+3+3+3"></a></li>
          <li><a href="#" class="layout222222" data-layout="2,2,2,2,2,2" data-design="layout222222"><img src="/plugins/system/helix3/assets/images/megamenu/2-2-2-2-2-2.png" alt="2+2+2+2+2+2"></a></li>
          <li><a href="#" class="layout57" data-layout="5,7" data-design="layout57"><img src="/plugins/system/helix3/assets/images/megamenu/5-7.png" alt="5+7"></a></li>
          <li><a href="#" class="layout48" data-layout="4,8" data-design="layout48"><img src="/plugins/system/helix3/assets/images/megamenu/4-8.png" alt="4+8"></a></li>
          <li><a href="#" class="layout39" data-layout="3,9" data-design="layout39"><img src="/plugins/system/helix3/assets/images/megamenu/3-9.png" alt="3+9"></a></li>
          <li><a href="#" class="layout44412" data-layout="4,4,4,12" data-design="layout44412"><img src="/plugins/system/helix3/assets/images/megamenu/4-4-4-12.png" alt="4+4+4+12"></a></li>
          <li><a href="#" class="layout333312" data-layout="3,3,3,3,12" data-design="layout333312"><img src="/plugins/system/helix3/assets/images/megamenu/3-3-3-3-12.png" alt="3+3+3+3+12"></a></li>
          <li><a href="#" class="layout6612" data-layout="6,6,12" data-design="layout6612"><img src="/plugins/system/helix3/assets/images/megamenu/6-6-12.png" alt="6+6+12"></a></li>
          <li><a href="#" class="layout44466" data-layout="4,4,4,6,6" data-design="layout44466"><img src="/plugins/system/helix3/assets/images/megamenu/4-4-4-6-6.png" alt="4+4+4+6+6"></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="menu-layout">

  <div class="layout-design" id="layout12">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-12" data-column="12">
          <div class="column-items-wrap">{0}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout66">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{1}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout444">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{2}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout3333">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{2}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{3}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout222222">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{2}</div>
        </div>
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{3}</div>
        </div>
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{4}</div>
        </div>
        <div class="column sp-col-sm-2" data-column="2">
          <div class="column-items-wrap">{5}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout57">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-5" data-column="5">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-7" data-column="7">
          <div class="column-items-wrap">{1}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout48">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-8" data-column="8">
          <div class="column-items-wrap">{1}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout39">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-9" data-column="9">
          <div class="column-items-wrap">{1}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout44412">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{2}</div>
        </div>
      </div>
    </div>
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-12" data-column="12">
          <div class="column-items-wrap">{3}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout333312">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{2}</div>
        </div>
        <div class="column sp-col-sm-3" data-column="3">
          <div class="column-items-wrap">{3}</div>
        </div>
      </div>
    </div>
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-12" data-column="12">
          <div class="column-items-wrap">{4}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout6612">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{1}</div>
        </div>
      </div>
    </div>
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-12" data-column="12">
          <div class="column-items-wrap">{2}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="layout-design" id="layout44466">
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{0}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{1}</div>
        </div>
        <div class="column sp-col-sm-4" data-column="4">
          <div class="column-items-wrap">{2}</div>
        </div>
      </div>
    </div>
    <div class="menu-section">
      <span class="row-move"><i class="fa fa-bars"></i></span>
      <div class="spmenu sp-row">
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{3}</div>
        </div>
        <div class="column sp-col-sm-6" data-column="6">
          <div class="column-items-wrap">{4}</div>
        </div>
      </div>
    </div>
  </div>
</div>
<input type="hidden" name="jform[params][menulayout]" id="jform_params_menulayout" value="{"></div>
</div>
<input type="hidden" name="jform[params][megamenu]" id="jform_params_megamenu" value="0" /><div class="control-group">
            <div class="control-label"><label id="jform_params_showmenutitle-lbl" for="jform_params_showmenutitle" class="hasPopover" title="Show Menu Title" data-content="Disable this option to hide menu title.">
    Show Menu Title</label>
</div>
        <div class="controls"><fieldset id="jform_params_showmenutitle" class="btn-group radio"
                >

                        <input type="radio" id="jform_params_showmenutitle0" name="jform[params][showmenutitle]" value="1" checked="checked" />         <label for="jform_params_showmenutitle0" >
                Yes         </label>

                        <input type="radio" id="jform_params_showmenutitle1" name="jform[params][showmenutitle]" value="0"  />          <label for="jform_params_showmenutitle1" >
                NO          </label>
            </fieldset>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_icon-lbl" for="jform_params_icon" class="hasPopover" title="Menu Icon" data-content="Select any icon from the list to display just before this menu item title.">
    Menu Icon</label>
</div>
        <div class="controls"><select id="jformparamsicon" name="jform[params][icon]">
    <option value="" selected="selected"></option>
    <option value="fa-500px">500px</option>
    <option value="fa-adjust">adjust</option>
    <option value="fa-adn">adn</option>
    <option value="fa-align-center">align-center</option>
    <option value="fa-align-justify">align-justify</option>
    <option value="fa-align-left">align-left</option>
    <option value="fa-align-right">align-right</option>
    <option value="fa-amazon">amazon</option>
    <option value="fa-ambulance">ambulance</option>
    <option value="fa-anchor">anchor</option>
    <option value="fa-android">android</option>
    <option value="fa-angellist">angellist</option>
    <option value="fa-angle-double-down">angle-double-down</option>
    <option value="fa-angle-double-left">angle-double-left</option>
    <option value="fa-angle-double-right">angle-double-right</option>
    <option value="fa-angle-double-up">angle-double-up</option>
    <option value="fa-angle-down">angle-down</option>
    <option value="fa-angle-left">angle-left</option>
    <option value="fa-angle-right">angle-right</option>
    <option value="fa-angle-up">angle-up</option>
    <option value="fa-apple">apple</option>
    <option value="fa-archive">archive</option>
    <option value="fa-area-chart">area-chart</option>
    <option value="fa-arrow-circle-down">arrow-circle-down</option>
    <option value="fa-arrow-circle-left">arrow-circle-left</option>
    <option value="fa-arrow-circle-o-down">arrow-circle-o-down</option>
    <option value="fa-arrow-circle-o-left">arrow-circle-o-left</option>
    <option value="fa-arrow-circle-o-right">arrow-circle-o-right</option>
    <option value="fa-arrow-circle-o-up">arrow-circle-o-up</option>
    <option value="fa-arrow-circle-right">arrow-circle-right</option>
    <option value="fa-arrow-circle-up">arrow-circle-up</option>
    <option value="fa-arrow-down">arrow-down</option>
    <option value="fa-arrow-left">arrow-left</option>
    <option value="fa-arrow-right">arrow-right</option>
    <option value="fa-arrow-up">arrow-up</option>
    <option value="fa-arrows">arrows</option>
    <option value="fa-arrows-alt">arrows-alt</option>
    <option value="fa-arrows-h">arrows-h</option>
    <option value="fa-arrows-v">arrows-v</option>
    <option value="fa-asterisk">asterisk</option>
    <option value="fa-at">at</option>
    <option value="fa-automobile">automobile</option>
    <option value="fa-backward">backward</option>
    <option value="fa-balance-scale">balance-scale</option>
    <option value="fa-ban">ban</option>
    <option value="fa-bank">bank</option>
    <option value="fa-bar-chart">bar-chart</option>
    <option value="fa-bar-chart-o">bar-chart-o</option>
    <option value="fa-barcode">barcode</option>
    <option value="fa-bars">bars</option>
    <option value="fa-battery0">battery0</option>
    <option value="fa-battery1">battery1</option>
    <option value="fa-battery2">battery2</option>
    <option value="fa-battery3">battery3</option>
    <option value="fa-battery4">battery4</option>
    <option value="fa-battery-empty">battery-empty</option>
    <option value="fa-battery-full">battery-full</option>
    <option value="fa-battery-half">battery-half</option>
    <option value="fa-battery-quarter">battery-quarter</option>
    <option value="fa-battery-three-quarters">battery-three-quarters</option>
    <option value="fa-bed">bed</option>
    <option value="fa-beer">beer</option>
    <option value="fa-behance">behance</option>
    <option value="fa-behance-square">behance-square</option>
    <option value="fa-bell">bell</option>
    <option value="fa-bell-o">bell-o</option>
    <option value="fa-bell-slash">bell-slash</option>
    <option value="fa-bell-slash-o">bell-slash-o</option>
    <option value="fa-bicycle">bicycle</option>
    <option value="fa-binoculars">binoculars</option>
    <option value="fa-birthday-cake">birthday-cake</option>
    <option value="fa-bitbucket">bitbucket</option>
    <option value="fa-bitbucket-square">bitbucket-square</option>
    <option value="fa-bitcoin">bitcoin</option>
    <option value="fa-black-tie">black-tie</option>
    <option value="fa-bold">bold</option>
    <option value="fa-bolt">bolt</option>
    <option value="fa-bomb">bomb</option>
    <option value="fa-book">book</option>
    <option value="fa-bookmark">bookmark</option>
    <option value="fa-bookmark-o">bookmark-o</option>
    <option value="fa-briefcase">briefcase</option>
    <option value="fa-btc">btc</option>
    <option value="fa-bug">bug</option>
    <option value="fa-building">building</option>
    <option value="fa-building-o">building-o</option>
    <option value="fa-bullhorn">bullhorn</option>
    <option value="fa-bullseye">bullseye</option>
    <option value="fa-bus">bus</option>
    <option value="fa-buysellads">buysellads</option>
    <option value="fa-cab">cab</option>
    <option value="fa-calculator">calculator</option>
    <option value="fa-calendar">calendar</option>
    <option value="fa-calendar-check-o">calendar-check-o</option>
    <option value="fa-calendar-minus-o">calendar-minus-o</option>
    <option value="fa-calendar-o">calendar-o</option>
    <option value="fa-calendar-plus-o">calendar-plus-o</option>
    <option value="fa-calendar-times-o">calendar-times-o</option>
    <option value="fa-camera">camera</option>
    <option value="fa-camera-retro">camera-retro</option>
    <option value="fa-car">car</option>
    <option value="fa-caret-down">caret-down</option>
    <option value="fa-caret-left">caret-left</option>
    <option value="fa-caret-right">caret-right</option>
    <option value="fa-caret-square-o-down">caret-square-o-down</option>
    <option value="fa-caret-square-o-left">caret-square-o-left</option>
    <option value="fa-caret-square-o-right">caret-square-o-right</option>
    <option value="fa-caret-square-o-up">caret-square-o-up</option>
    <option value="fa-caret-up">caret-up</option>
    <option value="fa-cart-arrow-down">cart-arrow-down</option>
    <option value="fa-cart-plus">cart-plus</option>
    <option value="fa-cc">cc</option>
    <option value="fa-cc-amex">cc-amex</option>
    <option value="fa-cc-diners-club">cc-diners-club</option>
    <option value="fa-cc-discover">cc-discover</option>
    <option value="fa-cc-jcb">cc-jcb</option>
    <option value="fa-cc-mastercard">cc-mastercard</option>
    <option value="fa-cc-paypal">cc-paypal</option>
    <option value="fa-cc-stripe">cc-stripe</option>
    <option value="fa-cc-visa">cc-visa</option>
    <option value="fa-certificate">certificate</option>
    <option value="fa-chain">chain</option>
    <option value="fa-chain-broken">chain-broken</option>
    <option value="fa-check">check</option>
    <option value="fa-check-circle">check-circle</option>
    <option value="fa-check-circle-o">check-circle-o</option>
    <option value="fa-check-square">check-square</option>
    <option value="fa-check-square-o">check-square-o</option>
    <option value="fa-chevron-circle-down">chevron-circle-down</option>
    <option value="fa-chevron-circle-left">chevron-circle-left</option>
    <option value="fa-chevron-circle-right">chevron-circle-right</option>
    <option value="fa-chevron-circle-up">chevron-circle-up</option>
    <option value="fa-chevron-down">chevron-down</option>
    <option value="fa-chevron-left">chevron-left</option>
    <option value="fa-chevron-right">chevron-right</option>
    <option value="fa-chevron-up">chevron-up</option>
    <option value="fa-child">child</option>
    <option value="fa-chrome">chrome</option>
    <option value="fa-circle">circle</option>
    <option value="fa-circle-o">circle-o</option>
    <option value="fa-circle-o-notch">circle-o-notch</option>
    <option value="fa-circle-thin">circle-thin</option>
    <option value="fa-clipboard">clipboard</option>
    <option value="fa-clock-o">clock-o</option>
    <option value="fa-clone">clone</option>
    <option value="fa-close">close</option>
    <option value="fa-cloud">cloud</option>
    <option value="fa-cloud-download">cloud-download</option>
    <option value="fa-cloud-upload">cloud-upload</option>
    <option value="fa-cny">cny</option>
    <option value="fa-code">code</option>
    <option value="fa-code-fork">code-fork</option>
    <option value="fa-codepen">codepen</option>
    <option value="fa-coffee">coffee</option>
    <option value="fa-cog">cog</option>
    <option value="fa-cogs">cogs</option>
    <option value="fa-columns">columns</option>
    <option value="fa-comment">comment</option>
    <option value="fa-comment-o">comment-o</option>
    <option value="fa-commenting">commenting</option>
    <option value="fa-commenting-o">commenting-o</option>
    <option value="fa-comments">comments</option>
    <option value="fa-comments-o">comments-o</option>
    <option value="fa-compass">compass</option>
    <option value="fa-compress">compress</option>
    <option value="fa-connectdevelop">connectdevelop</option>
    <option value="fa-contao">contao</option>
    <option value="fa-copy">copy</option>
    <option value="fa-copyright">copyright</option>
    <option value="fa-creative-commons">creative-commons</option>
    <option value="fa-credit-card">credit-card</option>
    <option value="fa-crop">crop</option>
    <option value="fa-crosshairs">crosshairs</option>
    <option value="fa-css3">css3</option>
    <option value="fa-cube">cube</option>
    <option value="fa-cubes">cubes</option>
    <option value="fa-cut">cut</option>
    <option value="fa-cutlery">cutlery</option>
    <option value="fa-dashboard">dashboard</option>
    <option value="fa-dashcube">dashcube</option>
    <option value="fa-database">database</option>
    <option value="fa-dedent">dedent</option>
    <option value="fa-delicious">delicious</option>
    <option value="fa-desktop">desktop</option>
    <option value="fa-deviantart">deviantart</option>
    <option value="fa-diamond">diamond</option>
    <option value="fa-digg">digg</option>
    <option value="fa-dollar">dollar</option>
    <option value="fa-dot-circle-o">dot-circle-o</option>
    <option value="fa-download">download</option>
    <option value="fa-dribbble">dribbble</option>
    <option value="fa-dropbox">dropbox</option>
    <option value="fa-drupal">drupal</option>
    <option value="fa-edit">edit</option>
    <option value="fa-eject">eject</option>
    <option value="fa-ellipsis-h">ellipsis-h</option>
    <option value="fa-ellipsis-v">ellipsis-v</option>
    <option value="fa-empire">empire</option>
    <option value="fa-envelope">envelope</option>
    <option value="fa-envelope-o">envelope-o</option>
    <option value="fa-envelope-square">envelope-square</option>
    <option value="fa-eraser">eraser</option>
    <option value="fa-eur">eur</option>
    <option value="fa-euro">euro</option>
    <option value="fa-exchange">exchange</option>
    <option value="fa-exclamation">exclamation</option>
    <option value="fa-exclamation-circle">exclamation-circle</option>
    <option value="fa-exclamation-triangle">exclamation-triangle</option>
    <option value="fa-expand">expand</option>
    <option value="fa-expeditedssl">expeditedssl</option>
    <option value="fa-external-link">external-link</option>
    <option value="fa-external-link-square">external-link-square</option>
    <option value="fa-eye">eye</option>
    <option value="fa-eye-slash">eye-slash</option>
    <option value="fa-eyedropper">eyedropper</option>
    <option value="fa-facebook">facebook</option>
    <option value="fa-facebook-f">facebook-f</option>
    <option value="fa-facebook-official">facebook-official</option>
    <option value="fa-facebook-square">facebook-square</option>
    <option value="fa-fast-backward">fast-backward</option>
    <option value="fa-fast-forward">fast-forward</option>
    <option value="fa-fax">fax</option>
    <option value="fa-female">female</option>
    <option value="fa-fighter-jet">fighter-jet</option>
    <option value="fa-file">file</option>
    <option value="fa-file-archive-o">file-archive-o</option>
    <option value="fa-file-audio-o">file-audio-o</option>
    <option value="fa-file-code-o">file-code-o</option>
    <option value="fa-file-excel-o">file-excel-o</option>
    <option value="fa-file-image-o">file-image-o</option>
    <option value="fa-file-movie-o">file-movie-o</option>
    <option value="fa-file-o">file-o</option>
    <option value="fa-file-pdf-o">file-pdf-o</option>
    <option value="fa-file-photo-o">file-photo-o</option>
    <option value="fa-file-picture-o">file-picture-o</option>
    <option value="fa-file-powerpoint-o">file-powerpoint-o</option>
    <option value="fa-file-sound-o">file-sound-o</option>
    <option value="fa-file-text">file-text</option>
    <option value="fa-file-text-o">file-text-o</option>
    <option value="fa-file-video-o">file-video-o</option>
    <option value="fa-file-word-o">file-word-o</option>
    <option value="fa-file-zip-o">file-zip-o</option>
    <option value="fa-files-o">files-o</option>
    <option value="fa-film">film</option>
    <option value="fa-filter">filter</option>
    <option value="fa-fire">fire</option>
    <option value="fa-fire-extinguisher">fire-extinguisher</option>
    <option value="fa-firefox">firefox</option>
    <option value="fa-flag">flag</option>
    <option value="fa-flag-checkered">flag-checkered</option>
    <option value="fa-flag-o">flag-o</option>
    <option value="fa-flash">flash</option>
    <option value="fa-flask">flask</option>
    <option value="fa-flickr">flickr</option>
    <option value="fa-floppy-o">floppy-o</option>
    <option value="fa-folder">folder</option>
    <option value="fa-folder-o">folder-o</option>
    <option value="fa-folder-open">folder-open</option>
    <option value="fa-folder-open-o">folder-open-o</option>
    <option value="fa-font">font</option>
    <option value="fa-fonticons">fonticons</option>
    <option value="fa-forumbee">forumbee</option>
    <option value="fa-forward">forward</option>
    <option value="fa-foursquare">foursquare</option>
    <option value="fa-frown-o">frown-o</option>
    <option value="fa-futbol-o">futbol-o</option>
    <option value="fa-gamepad">gamepad</option>
    <option value="fa-gavel">gavel</option>
    <option value="fa-gbp">gbp</option>
    <option value="fa-ge">ge</option>
    <option value="fa-gear">gear</option>
    <option value="fa-gears">gears</option>
    <option value="fa-genderless">genderless</option>
    <option value="fa-get-pocket">get-pocket</option>
    <option value="fa-gg">gg</option>
    <option value="fa-gg-circle">gg-circle</option>
    <option value="fa-gift">gift</option>
    <option value="fa-git">git</option>
    <option value="fa-git-square">git-square</option>
    <option value="fa-github">github</option>
    <option value="fa-github-alt">github-alt</option>
    <option value="fa-github-square">github-square</option>
    <option value="fa-gittip">gittip</option>
    <option value="fa-glass">glass</option>
    <option value="fa-globe">globe</option>
    <option value="fa-google">google</option>
    <option value="fa-google-plus">google-plus</option>
    <option value="fa-google-plus-square">google-plus-square</option>
    <option value="fa-google-wallet">google-wallet</option>
    <option value="fa-graduation-cap">graduation-cap</option>
    <option value="fa-gratipay">gratipay</option>
    <option value="fa-group">group</option>
    <option value="fa-h-square">h-square</option>
    <option value="fa-hacker-news">hacker-news</option>
    <option value="fa-hand-grab-o">hand-grab-o</option>
    <option value="fa-hand-lizard-o">hand-lizard-o</option>
    <option value="fa-hand-o-down">hand-o-down</option>
    <option value="fa-hand-o-left">hand-o-left</option>
    <option value="fa-hand-o-right">hand-o-right</option>
    <option value="fa-hand-o-up">hand-o-up</option>
    <option value="fa-hand-paper-o">hand-paper-o</option>
    <option value="fa-hand-peace-o">hand-peace-o</option>
    <option value="fa-hand-pointer-o">hand-pointer-o</option>
    <option value="fa-hand-rock-o">hand-rock-o</option>
    <option value="fa-hand-scissors-o">hand-scissors-o</option>
    <option value="fa-hand-spock-o">hand-spock-o</option>
    <option value="fa-hand-stop-o">hand-stop-o</option>
    <option value="fa-hdd-o">hdd-o</option>
    <option value="fa-header">header</option>
    <option value="fa-headphones">headphones</option>
    <option value="fa-heart">heart</option>
    <option value="fa-heart-o">heart-o</option>
    <option value="fa-heartbeat">heartbeat</option>
    <option value="fa-history">history</option>
    <option value="fa-home">home</option>
    <option value="fa-hospital-o">hospital-o</option>
    <option value="fa-hotel">hotel</option>
    <option value="fa-hourglass">hourglass</option>
    <option value="fa-hourglass-1">hourglass-1</option>
    <option value="fa-hourglass-2">hourglass-2</option>
    <option value="fa-hourglass-3">hourglass-3</option>
    <option value="fa-hourglass-end">hourglass-end</option>
    <option value="fa-hourglass-half">hourglass-half</option>
    <option value="fa-hourglass-o">hourglass-o</option>
    <option value="fa-hourglass-start">hourglass-start</option>
    <option value="fa-houzz">houzz</option>
    <option value="fa-html5">html5</option>
    <option value="fa-i-cursor">i-cursor</option>
    <option value="fa-ils">ils</option>
    <option value="fa-image">image</option>
    <option value="fa-inbox">inbox</option>
    <option value="fa-indent">indent</option>
    <option value="fa-industry">industry</option>
    <option value="fa-info">info</option>
    <option value="fa-info-circle">info-circle</option>
    <option value="fa-inr">inr</option>
    <option value="fa-instagram">instagram</option>
    <option value="fa-internet-explorer">internet-explorer</option>
    <option value="fa-institution">institution</option>
    <option value="fa-ioxhost">ioxhost</option>
    <option value="fa-italic">italic</option>
    <option value="fa-joomla">joomla</option>
    <option value="fa-jpy">jpy</option>
    <option value="fa-jsfiddle">jsfiddle</option>
    <option value="fa-key">key</option>
    <option value="fa-keyboard-o">keyboard-o</option>
    <option value="fa-krw">krw</option>
    <option value="fa-language">language</option>
    <option value="fa-laptop">laptop</option>
    <option value="fa-lastfm">lastfm</option>
    <option value="fa-lastfm-square">lastfm-square</option>
    <option value="fa-leaf">leaf</option>
    <option value="fa-leanpub">leanpub</option>
    <option value="fa-legal">legal</option>
    <option value="fa-lemon-o">lemon-o</option>
    <option value="fa-level-down">level-down</option>
    <option value="fa-level-up">level-up</option>
    <option value="fa-life-bouy">life-bouy</option>
    <option value="fa-life-buoy">life-buoy</option>
    <option value="fa-life-ring">life-ring</option>
    <option value="fa-life-saver">life-saver</option>
    <option value="fa-lightbulb-o">lightbulb-o</option>
    <option value="fa-line-chart">line-chart</option>
    <option value="fa-link">link</option>
    <option value="fa-linkedin">linkedin</option>
    <option value="fa-linkedin-square">linkedin-square</option>
    <option value="fa-linux">linux</option>
    <option value="fa-list">list</option>
    <option value="fa-list-alt">list-alt</option>
    <option value="fa-list-ol">list-ol</option>
    <option value="fa-list-ul">list-ul</option>
    <option value="fa-location-arrow">location-arrow</option>
    <option value="fa-lock">lock</option>
    <option value="fa-long-arrow-down">long-arrow-down</option>
    <option value="fa-long-arrow-left">long-arrow-left</option>
    <option value="fa-long-arrow-right">long-arrow-right</option>
    <option value="fa-long-arrow-up">long-arrow-up</option>
    <option value="fa-magic">magic</option>
    <option value="fa-magnet">magnet</option>
    <option value="fa-mail-forward">mail-forward</option>
    <option value="fa-mail-reply">mail-reply</option>
    <option value="fa-mail-reply-all">mail-reply-all</option>
    <option value="fa-male">male</option>
    <option value="fa-map">map</option>
    <option value="fa-map-marker">map-marker</option>
    <option value="fa-map-o">map-o</option>
    <option value="fa-map-pin">map-pin</option>
    <option value="fa-map-signs">map-signs</option>
    <option value="fa-mars">mars</option>
    <option value="fa-mars-double">mars-double</option>
    <option value="fa-mars-stroke">mars-stroke</option>
    <option value="fa-mars-stroke-h">mars-stroke-h</option>
    <option value="fa-mars-stroke-v">mars-stroke-v</option>
    <option value="fa-maxcdn">maxcdn</option>
    <option value="fa-meanpath">meanpath</option>
    <option value="fa-medium">medium</option>
    <option value="fa-medkit">medkit</option>
    <option value="fa-meh-o">meh-o</option>
    <option value="fa-mercury">mercury</option>
    <option value="fa-microphone">microphone</option>
    <option value="fa-microphone-slash">microphone-slash</option>
    <option value="fa-minus">minus</option>
    <option value="fa-minus-circle">minus-circle</option>
    <option value="fa-minus-square">minus-square</option>
    <option value="fa-minus-square-o">minus-square-o</option>
    <option value="fa-mobile">mobile</option>
    <option value="fa-mobile-phone">mobile-phone</option>
    <option value="fa-money">money</option>
    <option value="fa-moon-o">moon-o</option>
    <option value="fa-mortar-board">mortar-board</option>
    <option value="fa-motorcycle">motorcycle</option>
    <option value="fa-mouse-pointer">mouse-pointer</option>
    <option value="fa-music">music</option>
    <option value="fa-navicon">navicon</option>
    <option value="fa-neuter">neuter</option>
    <option value="fa-newspaper-o">newspaper-o</option>
    <option value="fa-object-group">object-group</option>
    <option value="fa-odnoklassniki">odnoklassniki</option>
    <option value="fa-odnoklassniki-square">odnoklassniki-square</option>
    <option value="fa-opencart">opencart</option>
    <option value="fa-openid">openid</option>
    <option value="fa-optin-monster">optin-monster</option>
    <option value="fa-outdent">outdent</option>
    <option value="fa-pagelines">pagelines</option>
    <option value="fa-paint-brush">paint-brush</option>
    <option value="fa-paper-plane">paper-plane</option>
    <option value="fa-paper-plane-o">paper-plane-o</option>
    <option value="fa-paperclip">paperclip</option>
    <option value="fa-paragraph">paragraph</option>
    <option value="fa-paste">paste</option>
    <option value="fa-pause">pause</option>
    <option value="fa-paw">paw</option>
    <option value="fa-paypal">paypal</option>
    <option value="fa-pencil">pencil</option>
    <option value="fa-pencil-square">pencil-square</option>
    <option value="fa-pencil-square-o">pencil-square-o</option>
    <option value="fa-phone">phone</option>
    <option value="fa-phone-square">phone-square</option>
    <option value="fa-photo">photo</option>
    <option value="fa-picture-o">picture-o</option>
    <option value="fa-pie-chart">pie-chart</option>
    <option value="fa-pied-piper">pied-piper</option>
    <option value="fa-pied-piper-alt">pied-piper-alt</option>
    <option value="fa-pinterest">pinterest</option>
    <option value="fa-pinterest-p">pinterest-p</option>
    <option value="fa-pinterest-square">pinterest-square</option>
    <option value="fa-plane">plane</option>
    <option value="fa-play">play</option>
    <option value="fa-play-circle">play-circle</option>
    <option value="fa-play-circle-o">play-circle-o</option>
    <option value="fa-plug">plug</option>
    <option value="fa-plus">plus</option>
    <option value="fa-plus-circle">plus-circle</option>
    <option value="fa-plus-square">plus-square</option>
    <option value="fa-plus-square-o">plus-square-o</option>
    <option value="fa-power-off">power-off</option>
    <option value="fa-print">print</option>
    <option value="fa-puzzle-piece">puzzle-piece</option>
    <option value="fa-qq">qq</option>
    <option value="fa-qrcode">qrcode</option>
    <option value="fa-question">question</option>
    <option value="fa-question-circle">question-circle</option>
    <option value="fa-quote-left">quote-left</option>
    <option value="fa-quote-right">quote-right</option>
    <option value="fa-ra">ra</option>
    <option value="fa-random">random</option>
    <option value="fa-rebel">rebel</option>
    <option value="fa-recycle">recycle</option>
    <option value="fa-reddit">reddit</option>
    <option value="fa-reddit-square">reddit-square</option>
    <option value="fa-refresh">refresh</option>
    <option value="fa-registered">registered</option>
    <option value="fa-remove">remove</option>
    <option value="fa-renren">renren</option>
    <option value="fa-reorder">reorder</option>
    <option value="fa-repeat">repeat</option>
    <option value="fa-reply">reply</option>
    <option value="fa-reply-all">reply-all</option>
    <option value="fa-retweet">retweet</option>
    <option value="fa-rmb">rmb</option>
    <option value="fa-road">road</option>
    <option value="fa-rocket">rocket</option>
    <option value="fa-rotate-left">rotate-left</option>
    <option value="fa-rotate-right">rotate-right</option>
    <option value="fa-rouble">rouble</option>
    <option value="fa-rss">rss</option>
    <option value="fa-rss-square">rss-square</option>
    <option value="fa-rub">rub</option>
    <option value="fa-ruble">ruble</option>
    <option value="fa-rupee">rupee</option>
    <option value="fa-safari">safari</option>
    <option value="fa-save">save</option>
    <option value="fa-scissors">scissors</option>
    <option value="fa-search">search</option>
    <option value="fa-search-minus">search-minus</option>
    <option value="fa-search-plus">search-plus</option>
    <option value="fa-sellsy">sellsy</option>
    <option value="fa-send">send</option>
    <option value="fa-send-o">send-o</option>
    <option value="fa-server">server</option>
    <option value="fa-share">share</option>
    <option value="fa-share-alt">share-alt</option>
    <option value="fa-share-alt-square">share-alt-square</option>
    <option value="fa-share-square">share-square</option>
    <option value="fa-share-square-o">share-square-o</option>
    <option value="fa-shekel">shekel</option>
    <option value="fa-sheqel">sheqel</option>
    <option value="fa-shield">shield</option>
    <option value="fa-ship">ship</option>
    <option value="fa-shirtsinbulk">shirtsinbulk</option>
    <option value="fa-shopping-cart">shopping-cart</option>
    <option value="fa-sign-in">sign-in</option>
    <option value="fa-sign-out">sign-out</option>
    <option value="fa-signal">signal</option>
    <option value="fa-simplybuilt">simplybuilt</option>
    <option value="fa-sitemap">sitemap</option>
    <option value="fa-skyatlas">skyatlas</option>
    <option value="fa-skype">skype</option>
    <option value="fa-slack">slack</option>
    <option value="fa-sliders">sliders</option>
    <option value="fa-slideshare">slideshare</option>
    <option value="fa-smile-o">smile-o</option>
    <option value="fa-soccer-ball-o">soccer-ball-o</option>
    <option value="fa-sort">sort</option>
    <option value="fa-sort-alpha-asc">sort-alpha-asc</option>
    <option value="fa-sort-alpha-desc">sort-alpha-desc</option>
    <option value="fa-sort-amount-asc">sort-amount-asc</option>
    <option value="fa-sort-amount-desc">sort-amount-desc</option>
    <option value="fa-sort-asc">sort-asc</option>
    <option value="fa-sort-desc">sort-desc</option>
    <option value="fa-sort-down">sort-down</option>
    <option value="fa-sort-numeric-asc">sort-numeric-asc</option>
    <option value="fa-sort-numeric-desc">sort-numeric-desc</option>
    <option value="fa-sort-up">sort-up</option>
    <option value="fa-soundcloud">soundcloud</option>
    <option value="fa-space-shuttle">space-shuttle</option>
    <option value="fa-spinner">spinner</option>
    <option value="fa-spoon">spoon</option>
    <option value="fa-spotify">spotify</option>
    <option value="fa-square">square</option>
    <option value="fa-square-o">square-o</option>
    <option value="fa-stack-exchange">stack-exchange</option>
    <option value="fa-stack-overflow">stack-overflow</option>
    <option value="fa-star">star</option>
    <option value="fa-star-half">star-half</option>
    <option value="fa-star-half-empty">star-half-empty</option>
    <option value="fa-star-half-full">star-half-full</option>
    <option value="fa-star-half-o">star-half-o</option>
    <option value="fa-star-o">star-o</option>
    <option value="fa-steam">steam</option>
    <option value="fa-steam-square">steam-square</option>
    <option value="fa-step-backward">step-backward</option>
    <option value="fa-step-forward">step-forward</option>
    <option value="fa-stethoscope">stethoscope</option>
    <option value="fa-sticky-note-o">sticky-note-o</option>
    <option value="fa-stop">stop</option>
    <option value="fa-street-view">street-view</option>
    <option value="fa-strikethrough">strikethrough</option>
    <option value="fa-stumbleupon">stumbleupon</option>
    <option value="fa-stumbleupon-circle">stumbleupon-circle</option>
    <option value="fa-subscript">subscript</option>
    <option value="fa-subway">subway</option>
    <option value="fa-suitcase">suitcase</option>
    <option value="fa-sun-o">sun-o</option>
    <option value="fa-superscript">superscript</option>
    <option value="fa-support">support</option>
    <option value="fa-table">table</option>
    <option value="fa-tablet">tablet</option>
    <option value="fa-tachometer">tachometer</option>
    <option value="fa-tag">tag</option>
    <option value="fa-tags">tags</option>
    <option value="fa-tasks">tasks</option>
    <option value="fa-taxi">taxi</option>
    <option value="fa-television">television</option>
    <option value="fa-tencent-weibo">tencent-weibo</option>
    <option value="fa-terminal">terminal</option>
    <option value="fa-text-height">text-height</option>
    <option value="fa-text-width">text-width</option>
    <option value="fa-th">th</option>
    <option value="fa-th-large">th-large</option>
    <option value="fa-th-list">th-list</option>
    <option value="fa-thumb-tack">thumb-tack</option>
    <option value="fa-thumbs-down">thumbs-down</option>
    <option value="fa-thumbs-o-down">thumbs-o-down</option>
    <option value="fa-thumbs-o-up">thumbs-o-up</option>
    <option value="fa-thumbs-up">thumbs-up</option>
    <option value="fa-ticket">ticket</option>
    <option value="fa-times">times</option>
    <option value="fa-times-circle">times-circle</option>
    <option value="fa-times-circle-o">times-circle-o</option>
    <option value="fa-tint">tint</option>
    <option value="fa-toggle-down">toggle-down</option>
    <option value="fa-toggle-left">toggle-left</option>
    <option value="fa-toggle-off">toggle-off</option>
    <option value="fa-toggle-on">toggle-on</option>
    <option value="fa-toggle-right">toggle-right</option>
    <option value="fa-toggle-up">toggle-up</option>
    <option value="fa-trademark">trademark</option>
    <option value="fa-train">train</option>
    <option value="fa-transgender">transgender</option>
    <option value="fa-transgender-alt">transgender-alt</option>
    <option value="fa-trash">trash</option>
    <option value="fa-trash-o">trash-o</option>
    <option value="fa-tree">tree</option>
    <option value="fa-trello">trello</option>
    <option value="fa-trophy">trophy</option>
    <option value="fa-truck">truck</option>
    <option value="fa-try">try</option>
    <option value="fa-tty">tty</option>
    <option value="fa-tumblr">tumblr</option>
    <option value="fa-tumblr-square">tumblr-square</option>
    <option value="fa-turkish-lira">turkish-lira</option>
    <option value="fa-tv">tv</option>
    <option value="fa-twitch">twitch</option>
    <option value="fa-twitter">twitter</option>
    <option value="fa-twitter-square">twitter-square</option>
    <option value="fa-umbrella">umbrella</option>
    <option value="fa-underline">underline</option>
    <option value="fa-undo">undo</option>
    <option value="fa-university">university</option>
    <option value="fa-unlink">unlink</option>
    <option value="fa-unlock">unlock</option>
    <option value="fa-unlock-alt">unlock-alt</option>
    <option value="fa-unsorted">unsorted</option>
    <option value="fa-upload">upload</option>
    <option value="fa-usd">usd</option>
    <option value="fa-user">user</option>
    <option value="fa-user-md">user-md</option>
    <option value="fa-user-plus">user-plus</option>
    <option value="fa-user-secret">user-secret</option>
    <option value="fa-user-times">user-times</option>
    <option value="fa-users">users</option>
    <option value="fa-venus">venus</option>
    <option value="fa-venus-double">venus-double</option>
    <option value="fa-venus-mars">venus-mars</option>
    <option value="fa-viacoin">viacoin</option>
    <option value="fa-video-camera">video-camera</option>
    <option value="fa-vimeo">vimeo</option>
    <option value="fa-vimeo-square">vimeo-square</option>
    <option value="fa-vine">vine</option>
    <option value="fa-vk">vk</option>
    <option value="fa-volume-down">volume-down</option>
    <option value="fa-volume-off">volume-off</option>
    <option value="fa-volume-up">volume-up</option>
    <option value="fa-warning">warning</option>
    <option value="fa-wechat">wechat</option>
    <option value="fa-weibo">weibo</option>
    <option value="fa-weixin">weixin</option>
    <option value="fa-whatsapp">whatsapp</option>
    <option value="fa-wheelchair">wheelchair</option>
    <option value="fa-wifi">wifi</option>
    <option value="fa-wikipedia-w">wikipedia-w</option>
    <option value="fa-windows">windows</option>
    <option value="fa-won">won</option>
    <option value="fa-wordpress">wordpress</option>
    <option value="fa-wrench">wrench</option>
    <option value="fa-xing">xing</option>
    <option value="fa-xing-square">xing-square</option>
    <option value="fa-yahoo">yahoo</option>
    <option value="fa-yc">yc</option>
    <option value="fa-yelp">yelp</option>
    <option value="fa-yen">yen</option>
    <option value="fa-youtube">youtube</option>
    <option value="fa-youtube-play">youtube-play</option>
    <option value="fa-youtube-square">youtube-square</option>
    <option value="fa-address-book">address-book</option>
    <option value="fa-address-book-o">address-book-o</option>
    <option value="fa-vcard">vcard</option>
    <option value="fa-address-card">address-card</option>
    <option value="fa-vcard-o">vcard-o</option>
    <option value="fa-address-card-o">address-card-o</option>
    <option value="fa-bandcamp">bandcamp</option>
    <option value="fa-bathtub">bathtub</option>
    <option value="fa-s15">s15</option>
    <option value="fa-bath">bath</option>
    <option value="fa-drivers-license">drivers-license</option>
    <option value="fa-id-card">id-card</option>
    <option value="fa-drivers-license-o">drivers-license-o</option>
    <option value="fa-id-card-o">id-card-o</option>
    <option value="fa-eercast">eercast</option>
    <option value="fa-envelope-open">envelope-open</option>
    <option value="fa-envelope-open-o">envelope-open-o</option>
    <option value="fa-etsy">etsy</option>
    <option value="fa-free-code-camp">free-code-camp</option>
    <option value="fa-grav">grav</option>
    <option value="fa-handshake-o">handshake-o</option>
    <option value="fa-id-badge">id-badge</option>
    <option value="fa-imdb">imdb</option>
    <option value="fa-linode">linode</option>
    <option value="fa-meetup">meetup</option>
    <option value="fa-microchip">microchip</option>
    <option value="fa-podcast">podcast</option>
    <option value="fa-quora">quora</option>
    <option value="fa-ravelry">ravelry</option>
    <option value="fa-shower">shower</option>
    <option value="fa-snowflake-o">snowflake-o</option>
    <option value="fa-superpowers">superpowers</option>
    <option value="fa-telegram">telegram</option>
    <option value="fa-thermometer-4">thermometer-4</option>
    <option value="fa-thermometer">thermometer</option>
    <option value="fa-thermometer-full">thermometer-full</option>
    <option value="fa-thermometer-3">thermometer-3</option>
    <option value="fa-thermometer-three-quarters">thermometer-three-quarters</option>
    <option value="fa-thermometer-2">thermometer-2</option>
    <option value="fa-thermometer-half">thermometer-half</option>
    <option value="fa-thermometer-1">thermometer-1</option>
    <option value="fa-thermometer-quarter">thermometer-quarter</option>
    <option value="fa-thermometer-0">thermometer-0</option>
    <option value="fa-thermometer-empty">thermometer-empty</option>
    <option value="fa-times-rectangle">times-rectangle</option>
    <option value="fa-window-close">window-close</option>
    <option value="fa-times-rectangle-o">times-rectangle-o</option>
    <option value="fa-window-close-o">window-close-o</option>
    <option value="fa-user-circle">user-circle</option>
    <option value="fa-user-circle-o">user-circle-o</option>
    <option value="fa-window-maximize">window-maximize</option>
    <option value="fa-window-minimize">window-minimize</option>
    <option value="fa-window-restore">window-restore</option>
    <option value="fa-wpexplorer">wpexplorer</option>
</select>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_class-lbl" for="jform_params_class" class="hasPopover" title="Custom CSS Class" data-content="Add custom css class to this menu item.">
    Custom CSS Class</label>
</div>
        <div class="controls"><input type="text" name="jform[params][class]" id="jform_params_class"  value=""               />
</div>
</div>

</div>
<div id="attrib-pagetitle" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_enable_page_title-lbl" for="jform_params_enable_page_title" class="hasPopover" title="Enable Page Title" data-content="Enable this option show page title after just below the header.">
    Enable Page Title</label>
</div>
        <div class="controls"><fieldset id="jform_params_enable_page_title" class="btn-group radio"
                >

                        <input type="radio" id="jform_params_enable_page_title0" name="jform[params][enable_page_title]" value="1"  />          <label for="jform_params_enable_page_title0" >
                Yes         </label>

                        <input type="radio" id="jform_params_enable_page_title1" name="jform[params][enable_page_title]" value="0" checked="checked" />         <label for="jform_params_enable_page_title1" >
                No          </label>
            </fieldset>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_title_alt-lbl" for="jform_params_page_title_alt" class="hasPopover" title="Alternative Title" data-content="Alternative title will override joomla default menu title.">
    Alternative Title</label>
</div>
        <div class="controls"><input type="text" name="jform[params][page_title_alt]" id="jform_params_page_title_alt"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_subtitle-lbl" for="jform_params_page_subtitle" class="hasPopover" title="Page Subtitle" data-content="Add brief description about the page as page subtitle.">
    Page Subtitle</label>
</div>
        <div class="controls"><input type="text" name="jform[params][page_subtitle]" id="jform_params_page_subtitle"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_title_bg_color-lbl" for="jform_params_page_title_bg_color" class="hasPopover" title="Background Color" data-content="Background color for the title area.">
    Background Color</label>
</div>
        <div class="controls"><input type="text" name="jform[params][page_title_bg_color]" id="jform_params_page_title_bg_color" value="none"  placeholder="#rrggbb" class="minicolors hex" data-position="default" data-control="hue" data-format="hex"/></div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_page_title_bg_image-lbl" for="jform_params_page_title_bg_image" class="hasPopover" title="Background Image" data-content="Background image for the title area.">
    Background Image</label>
</div>
        <div class="controls"><div class="field-media-wrapper"
    data-basepath="https://https://my.domain.com/"
    data-url="index.php?option=com_media&amp;view=images&amp;tmpl=component&amp;asset=com_menus&amp;author=&amp;fieldid={field-media-id}&amp;ismoo=0&amp;folder="
    data-modal=".modal"
    data-modal-width="100%"
    data-modal-height="400px"
    data-input=".field-media-input"
    data-button-select=".button-select"
    data-button-clear=".button-clear"
    data-button-save-selected=".button-save-selected"
    data-preview="true"
    data-preview-as-tooltip="true"
    data-preview-container=".field-media-preview"
    data-preview-width="200"
    data-preview-height="200"
>
    <div id="imageModal_jform_params_page_title_bg_image" tabindex="-1" class="modal hide fade">
    <div class="modal-header">
            <button type="button" class="close novalidate" data-dismiss="modal">×</button>
                <h3>Change Image</h3>
    </div>
<div class="modal-body">
    </div>
<div class="modal-footer">
    <a class="btn" data-dismiss="modal">Cancel</a></div>
</div>
        <div class="input-prepend input-append">
        <span rel="popover" class="add-on pop-helper field-media-preview"
            title="Selected image." data-content="No image selected."
            data-original-title="Selected image." data-trigger="hover">
            <span class="icon-eye" aria-hidden="true"></span>
        </span>
            <input type="text" name="jform[params][page_title_bg_image]" id="jform_params_page_title_bg_image" value="" readonly="readonly" class="input-small hasTooltip field-media-input"/>
                    <a class="btn add-on button-select">Select</a>
            <a class="btn icon-remove hasTooltip add-on button-clear" title="Clear"></a>
            </div>
    </div>
</div>
</div>

</div>
<div id="attrib-helixultimatemegamenu" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimatemenulayout-lbl" for="jform_params_helixultimatemenulayout">
    helixultimatemenulayout</label>
</div>
        <div class="controls"><div>
<div class="helix-ultimate-row">
    <div class="helix-ultimate-col-sm-9">

        <div class="helix-ultimate-megamenu-wrap">

            <div class="helix-ultimate-megamenu-actions">
                <div><span class="helix-ultimate-megamenu-label">Mega Menu</span><input type="checkbox" class="helix-ultimate-checkbox" id="helix-ultimate-megamenu-toggler" /></div><div class="helix-ultimate-megamenu-field-control hide-menu-builder"><span class="helix-ultimate-megamenu-label">Width</span><input type="number" id="helix-ultimate-megamenu-width" placeholder="400" value="600" /></div><div class="helix-ultimate-megamenu-field-control hide-menu-builder"><span class="helix-ultimate-megamenu-label">Alignment</span><select id="helix-ultimate-megamenu-alignment"><option value="left">Left</option><option value="center">Center</option><option value="right"selected>Right</option><option value="full">Full</option></select></div><div><span class="helix-ultimate-megamenu-label">Show Menu Title</span><input type="checkbox" class="helix-ultimate-checkbox" id="helix-ultimate-megamenu-title-toggler" checked/></div><div class="helix-ultimate-dropdown-field-control"><span class="helix-ultimate-megamenu-label">Dropdown Position</span><select id="helix-ultimate-megamenu-dropdown"><option value="left">Left</option><option value="right"selected>Right</option></select></div><div class=""><span class="helix-ultimate-megamenu-label">Icon</span><select id="helix-ultimate-megamenu-fa-icon"><option value="">Select</option><option value="fa-500px">fa-500px</option><option value="fa-adjust">fa-adjust</option><option value="fa-adn">fa-adn</option><option value="fa-align-center">fa-align-center</option><option value="fa-align-justify">fa-align-justify</option><option value="fa-align-left">fa-align-left</option><option value="fa-align-right">fa-align-right</option><option value="fa-amazon">fa-amazon</option><option value="fa-ambulance">fa-ambulance</option><option value="fa-anchor">fa-anchor</option><option value="fa-android">fa-android</option><option value="fa-angellist">fa-angellist</option><option value="fa-angle-double-down">fa-angle-double-down</option><option value="fa-angle-double-left">fa-angle-double-left</option><option value="fa-angle-double-right">fa-angle-double-right</option><option value="fa-angle-double-up">fa-angle-double-up</option><option value="fa-angle-down">fa-angle-down</option><option value="fa-angle-left">fa-angle-left</option><option value="fa-angle-right">fa-angle-right</option><option value="fa-angle-up">fa-angle-up</option><option value="fa-apple">fa-apple</option><option value="fa-archive">fa-archive</option><option value="fa-area-chart">fa-area-chart</option><option value="fa-arrow-circle-down">fa-arrow-circle-down</option><option value="fa-arrow-circle-left">fa-arrow-circle-left</option><option value="fa-arrow-circle-o-down">fa-arrow-circle-o-down</option><option value="fa-arrow-circle-o-left">fa-arrow-circle-o-left</option><option value="fa-arrow-circle-o-right">fa-arrow-circle-o-right</option><option value="fa-arrow-circle-o-up">fa-arrow-circle-o-up</option><option value="fa-arrow-circle-right">fa-arrow-circle-right</option><option value="fa-arrow-circle-up">fa-arrow-circle-up</option><option value="fa-arrow-down">fa-arrow-down</option><option value="fa-arrow-left">fa-arrow-left</option><option value="fa-arrow-right">fa-arrow-right</option><option value="fa-arrow-up">fa-arrow-up</option><option value="fa-arrows">fa-arrows</option><option value="fa-arrows-alt">fa-arrows-alt</option><option value="fa-arrows-h">fa-arrows-h</option><option value="fa-arrows-v">fa-arrows-v</option><option value="fa-asterisk">fa-asterisk</option><option value="fa-at">fa-at</option><option value="fa-automobile">fa-automobile</option><option value="fa-backward">fa-backward</option><option value="fa-balance-scale">fa-balance-scale</option><option value="fa-ban">fa-ban</option><option value="fa-bank">fa-bank</option><option value="fa-bar-chart">fa-bar-chart</option><option value="fa-bar-chart-o">fa-bar-chart-o</option><option value="fa-barcode">fa-barcode</option><option value="fa-bars">fa-bars</option><option value="fa-battery-0">fa-battery-0</option><option value="fa-battery-1">fa-battery-1</option><option value="fa-battery-2">fa-battery-2</option><option value="fa-battery-3">fa-battery-3</option><option value="fa-battery-4">fa-battery-4</option><option value="fa-battery-empty">fa-battery-empty</option><option value="fa-battery-full">fa-battery-full</option><option value="fa-battery-half">fa-battery-half</option><option value="fa-battery-quarter">fa-battery-quarter</option><option value="fa-battery-three-quarters">fa-battery-three-quarters</option><option value="fa-bed">fa-bed</option><option value="fa-beer">fa-beer</option><option value="fa-behance">fa-behance</option><option value="fa-behance-square">fa-behance-square</option><option value="fa-bell">fa-bell</option><option value="fa-bell-o">fa-bell-o</option><option value="fa-bell-slash">fa-bell-slash</option><option value="fa-bell-slash-o">fa-bell-slash-o</option><option value="fa-bicycle">fa-bicycle</option><option value="fa-binoculars">fa-binoculars</option><option value="fa-birthday-cake">fa-birthday-cake</option><option value="fa-bitbucket">fa-bitbucket</option><option value="fa-bitbucket-square">fa-bitbucket-square</option><option value="fa-bitcoin">fa-bitcoin</option><option value="fa-black-tie">fa-black-tie</option><option value="fa-bluetooth">fa-bluetooth</option><option value="fa-bluetooth-b">fa-bluetooth-b</option><option value="fa-bold">fa-bold</option><option value="fa-bolt">fa-bolt</option><option value="fa-bomb">fa-bomb</option><option value="fa-book">fa-book</option><option value="fa-bookmark">fa-bookmark</option><option value="fa-bookmark-o">fa-bookmark-o</option><option value="fa-briefcase">fa-briefcase</option><option value="fa-btc">fa-btc</option><option value="fa-bug">fa-bug</option><option value="fa-building">fa-building</option><option value="fa-building-o">fa-building-o</option><option value="fa-bullhorn">fa-bullhorn</option><option value="fa-bullseye">fa-bullseye</option><option value="fa-bus">fa-bus</option><option value="fa-buysellads">fa-buysellads</option><option value="fa-cab">fa-cab</option><option value="fa-calculator">fa-calculator</option><option value="fa-calendar">fa-calendar</option><option value="fa-calendar-check-o">fa-calendar-check-o</option><option value="fa-calendar-minus-o">fa-calendar-minus-o</option><option value="fa-calendar-o">fa-calendar-o</option><option value="fa-calendar-plus-o">fa-calendar-plus-o</option><option value="fa-calendar-times-o">fa-calendar-times-o</option><option value="fa-camera">fa-camera</option><option value="fa-camera-retro">fa-camera-retro</option><option value="fa-car">fa-car</option><option value="fa-caret-down">fa-caret-down</option><option value="fa-caret-left">fa-caret-left</option><option value="fa-caret-right">fa-caret-right</option><option value="fa-caret-square-o-down">fa-caret-square-o-down</option><option value="fa-caret-square-o-left">fa-caret-square-o-left</option><option value="fa-caret-square-o-right">fa-caret-square-o-right</option><option value="fa-caret-square-o-up">fa-caret-square-o-up</option><option value="fa-caret-up">fa-caret-up</option><option value="fa-cart-arrow-down">fa-cart-arrow-down</option><option value="fa-cart-plus">fa-cart-plus</option><option value="fa-cc">fa-cc</option><option value="fa-cc-amex">fa-cc-amex</option><option value="fa-cc-diners-club">fa-cc-diners-club</option><option value="fa-cc-discover">fa-cc-discover</option><option value="fa-cc-jcb">fa-cc-jcb</option><option value="fa-cc-mastercard">fa-cc-mastercard</option><option value="fa-cc-paypal">fa-cc-paypal</option><option value="fa-cc-stripe">fa-cc-stripe</option><option value="fa-cc-visa">fa-cc-visa</option><option value="fa-certificate">fa-certificate</option><option value="fa-chain">fa-chain</option><option value="fa-chain-broken">fa-chain-broken</option><option value="fa-check">fa-check</option><option value="fa-check-circle">fa-check-circle</option><option value="fa-check-circle-o">fa-check-circle-o</option><option value="fa-check-square">fa-check-square</option><option value="fa-check-square-o">fa-check-square-o</option><option value="fa-chevron-circle-down">fa-chevron-circle-down</option><option value="fa-chevron-circle-left">fa-chevron-circle-left</option><option value="fa-chevron-circle-right">fa-chevron-circle-right</option><option value="fa-chevron-circle-up">fa-chevron-circle-up</option><option value="fa-chevron-down">fa-chevron-down</option><option value="fa-chevron-left">fa-chevron-left</option><option value="fa-chevron-right">fa-chevron-right</option><option value="fa-chevron-up">fa-chevron-up</option><option value="fa-child">fa-child</option><option value="fa-chrome">fa-chrome</option><option value="fa-circle">fa-circle</option><option value="fa-circle-o">fa-circle-o</option><option value="fa-circle-o-notch">fa-circle-o-notch</option><option value="fa-circle-thin">fa-circle-thin</option><option value="fa-clipboard">fa-clipboard</option><option value="fa-clock-o">fa-clock-o</option><option value="fa-clone">fa-clone</option><option value="fa-close">fa-close</option><option value="fa-cloud">fa-cloud</option><option value="fa-cloud-download">fa-cloud-download</option><option value="fa-cloud-upload">fa-cloud-upload</option><option value="fa-cny">fa-cny</option><option value="fa-code">fa-code</option><option value="fa-code-fork">fa-code-fork</option><option value="fa-codepen">fa-codepen</option><option value="fa-codiepie">fa-codiepie</option><option value="fa-coffee">fa-coffee</option><option value="fa-cog">fa-cog</option><option value="fa-cogs">fa-cogs</option><option value="fa-columns">fa-columns</option><option value="fa-comment">fa-comment</option><option value="fa-comment-o">fa-comment-o</option><option value="fa-commenting">fa-commenting</option><option value="fa-commenting-o">fa-commenting-o</option><option value="fa-comments">fa-comments</option><option value="fa-comments-o">fa-comments-o</option><option value="fa-compass">fa-compass</option><option value="fa-compress">fa-compress</option><option value="fa-connectdevelop">fa-connectdevelop</option><option value="fa-contao">fa-contao</option><option value="fa-copy">fa-copy</option><option value="fa-copyright">fa-copyright</option><option value="fa-creative-commons">fa-creative-commons</option><option value="fa-credit-card">fa-credit-card</option><option value="fa-credit-card-alt">fa-credit-card-alt</option><option value="fa-crop">fa-crop</option><option value="fa-crosshairs">fa-crosshairs</option><option value="fa-css3">fa-css3</option><option value="fa-cube">fa-cube</option><option value="fa-cubes">fa-cubes</option><option value="fa-cut">fa-cut</option><option value="fa-cutlery">fa-cutlery</option><option value="fa-dashboard">fa-dashboard</option><option value="fa-dashcube">fa-dashcube</option><option value="fa-database">fa-database</option><option value="fa-dedent">fa-dedent</option><option value="fa-delicious">fa-delicious</option><option value="fa-desktop">fa-desktop</option><option value="fa-deviantart">fa-deviantart</option><option value="fa-diamond">fa-diamond</option><option value="fa-digg">fa-digg</option><option value="fa-dollar">fa-dollar</option><option value="fa-dot-circle-o">fa-dot-circle-o</option><option value="fa-download">fa-download</option><option value="fa-dribbble">fa-dribbble</option><option value="fa-dropbox">fa-dropbox</option><option value="fa-drupal">fa-drupal</option><option value="fa-edge">fa-edge</option><option value="fa-edit">fa-edit</option><option value="fa-eject">fa-eject</option><option value="fa-ellipsis-h">fa-ellipsis-h</option><option value="fa-ellipsis-v">fa-ellipsis-v</option><option value="fa-empire">fa-empire</option><option value="fa-envelope">fa-envelope</option><option value="fa-envelope-o">fa-envelope-o</option><option value="fa-envelope-square">fa-envelope-square</option><option value="fa-eraser">fa-eraser</option><option value="fa-eur">fa-eur</option><option value="fa-euro">fa-euro</option><option value="fa-exchange">fa-exchange</option><option value="fa-exclamation">fa-exclamation</option><option value="fa-exclamation-circle">fa-exclamation-circle</option><option value="fa-exclamation-triangle">fa-exclamation-triangle</option><option value="fa-expand">fa-expand</option><option value="fa-expeditedssl">fa-expeditedssl</option><option value="fa-external-link">fa-external-link</option><option value="fa-external-link-square">fa-external-link-square</option><option value="fa-eye">fa-eye</option><option value="fa-eye-slash">fa-eye-slash</option><option value="fa-eyedropper">fa-eyedropper</option><option value="fa-facebook">fa-facebook</option><option value="fa-facebook-f">fa-facebook-f</option><option value="fa-facebook-official">fa-facebook-official</option><option value="fa-facebook-square">fa-facebook-square</option><option value="fa-fast-backward">fa-fast-backward</option><option value="fa-fast-forward">fa-fast-forward</option><option value="fa-fax">fa-fax</option><option value="fa-feed">fa-feed</option><option value="fa-female">fa-female</option><option value="fa-fighter-jet">fa-fighter-jet</option><option value="fa-file">fa-file</option><option value="fa-file-archive-o">fa-file-archive-o</option><option value="fa-file-audio-o">fa-file-audio-o</option><option value="fa-file-code-o">fa-file-code-o</option><option value="fa-file-excel-o">fa-file-excel-o</option><option value="fa-file-image-o">fa-file-image-o</option><option value="fa-file-movie-o">fa-file-movie-o</option><option value="fa-file-o">fa-file-o</option><option value="fa-file-pdf-o">fa-file-pdf-o</option><option value="fa-file-photo-o">fa-file-photo-o</option><option value="fa-file-picture-o">fa-file-picture-o</option><option value="fa-file-powerpoint-o">fa-file-powerpoint-o</option><option value="fa-file-sound-o">fa-file-sound-o</option><option value="fa-file-text">fa-file-text</option><option value="fa-file-text-o">fa-file-text-o</option><option value="fa-file-video-o">fa-file-video-o</option><option value="fa-file-word-o">fa-file-word-o</option><option value="fa-file-zip-o">fa-file-zip-o</option><option value="fa-files-o">fa-files-o</option><option value="fa-film">fa-film</option><option value="fa-filter">fa-filter</option><option value="fa-fire">fa-fire</option><option value="fa-fire-extinguisher">fa-fire-extinguisher</option><option value="fa-firefox">fa-firefox</option><option value="fa-flag">fa-flag</option><option value="fa-flag-checkered">fa-flag-checkered</option><option value="fa-flag-o">fa-flag-o</option><option value="fa-flash">fa-flash</option><option value="fa-flask">fa-flask</option><option value="fa-flickr">fa-flickr</option><option value="fa-floppy-o">fa-floppy-o</option><option value="fa-folder">fa-folder</option><option value="fa-folder-o">fa-folder-o</option><option value="fa-folder-open">fa-folder-open</option><option value="fa-folder-open-o">fa-folder-open-o</option><option value="fa-font">fa-font</option><option value="fa-fonticons">fa-fonticons</option><option value="fa-fort-awesome">fa-fort-awesome</option><option value="fa-forumbee">fa-forumbee</option><option value="fa-forward">fa-forward</option><option value="fa-foursquare">fa-foursquare</option><option value="fa-frown-o">fa-frown-o</option><option value="fa-futbol-o">fa-futbol-o</option><option value="fa-gamepad">fa-gamepad</option><option value="fa-gavel">fa-gavel</option><option value="fa-gbp">fa-gbp</option><option value="fa-ge">fa-ge</option><option value="fa-gear">fa-gear</option><option value="fa-gears">fa-gears</option><option value="fa-genderless">fa-genderless</option><option value="fa-get-pocket">fa-get-pocket</option><option value="fa-gg">fa-gg</option><option value="fa-gg-circle">fa-gg-circle</option><option value="fa-gift">fa-gift</option><option value="fa-git">fa-git</option><option value="fa-git-square">fa-git-square</option><option value="fa-github">fa-github</option><option value="fa-github-alt">fa-github-alt</option><option value="fa-github-square">fa-github-square</option><option value="fa-gittip">fa-gittip</option><option value="fa-glass">fa-glass</option><option value="fa-globe">fa-globe</option><option value="fa-google">fa-google</option><option value="fa-google-plus">fa-google-plus</option><option value="fa-google-plus-square">fa-google-plus-square</option><option value="fa-google-wallet">fa-google-wallet</option><option value="fa-graduation-cap">fa-graduation-cap</option><option value="fa-gratipay">fa-gratipay</option><option value="fa-group">fa-group</option><option value="fa-h-square">fa-h-square</option><option value="fa-hacker-news">fa-hacker-news</option><option value="fa-hand-grab-o">fa-hand-grab-o</option><option value="fa-hand-lizard-o">fa-hand-lizard-o</option><option value="fa-hand-o-down">fa-hand-o-down</option><option value="fa-hand-o-left">fa-hand-o-left</option><option value="fa-hand-o-right">fa-hand-o-right</option><option value="fa-hand-o-up">fa-hand-o-up</option><option value="fa-hand-paper-o">fa-hand-paper-o</option><option value="fa-hand-peace-o">fa-hand-peace-o</option><option value="fa-hand-pointer-o">fa-hand-pointer-o</option><option value="fa-hand-rock-o">fa-hand-rock-o</option><option value="fa-hand-scissors-o">fa-hand-scissors-o</option><option value="fa-hand-spock-o">fa-hand-spock-o</option><option value="fa-hand-stop-o">fa-hand-stop-o</option><option value="fa-hashtag">fa-hashtag</option><option value="fa-hdd-o">fa-hdd-o</option><option value="fa-header">fa-header</option><option value="fa-headphones">fa-headphones</option><option value="fa-heart">fa-heart</option><option value="fa-heart-o">fa-heart-o</option><option value="fa-heartbeat">fa-heartbeat</option><option value="fa-history">fa-history</option><option value="fa-home">fa-home</option><option value="fa-hospital-o">fa-hospital-o</option><option value="fa-hotel">fa-hotel</option><option value="fa-hourglass">fa-hourglass</option><option value="fa-hourglass-1">fa-hourglass-1</option><option value="fa-hourglass-2">fa-hourglass-2</option><option value="fa-hourglass-3">fa-hourglass-3</option><option value="fa-hourglass-end">fa-hourglass-end</option><option value="fa-hourglass-half">fa-hourglass-half</option><option value="fa-hourglass-o">fa-hourglass-o</option><option value="fa-hourglass-start">fa-hourglass-start</option><option value="fa-houzz">fa-houzz</option><option value="fa-html5">fa-html5</option><option value="fa-i-cursor">fa-i-cursor</option><option value="fa-ils">fa-ils</option><option value="fa-image">fa-image</option><option value="fa-inbox">fa-inbox</option><option value="fa-indent">fa-indent</option><option value="fa-industry">fa-industry</option><option value="fa-info">fa-info</option><option value="fa-info-circle">fa-info-circle</option><option value="fa-inr">fa-inr</option><option value="fa-instagram">fa-instagram</option><option value="fa-institution">fa-institution</option><option value="fa-internet-explorer">fa-internet-explorer</option><option value="fa-intersex">fa-intersex</option><option value="fa-ioxhost">fa-ioxhost</option><option value="fa-italic">fa-italic</option><option value="fa-joomla">fa-joomla</option><option value="fa-jpy">fa-jpy</option><option value="fa-jsfiddle">fa-jsfiddle</option><option value="fa-key">fa-key</option><option value="fa-keyboard-o">fa-keyboard-o</option><option value="fa-krw">fa-krw</option><option value="fa-language">fa-language</option><option value="fa-laptop">fa-laptop</option><option value="fa-lastfm">fa-lastfm</option><option value="fa-lastfm-square">fa-lastfm-square</option><option value="fa-leaf">fa-leaf</option><option value="fa-leanpub">fa-leanpub</option><option value="fa-legal">fa-legal</option><option value="fa-lemon-o">fa-lemon-o</option><option value="fa-level-down">fa-level-down</option><option value="fa-level-up">fa-level-up</option><option value="fa-life-bouy">fa-life-bouy</option><option value="fa-life-buoy">fa-life-buoy</option><option value="fa-life-ring">fa-life-ring</option><option value="fa-life-saver">fa-life-saver</option><option value="fa-lightbulb-o">fa-lightbulb-o</option><option value="fa-line-chart">fa-line-chart</option><option value="fa-link">fa-link</option><option value="fa-linkedin">fa-linkedin</option><option value="fa-linkedin-square">fa-linkedin-square</option><option value="fa-linux">fa-linux</option><option value="fa-list">fa-list</option><option value="fa-list-alt">fa-list-alt</option><option value="fa-list-ol">fa-list-ol</option><option value="fa-list-ul">fa-list-ul</option><option value="fa-location-arrow">fa-location-arrow</option><option value="fa-lock">fa-lock</option><option value="fa-long-arrow-down">fa-long-arrow-down</option><option value="fa-long-arrow-left">fa-long-arrow-left</option><option value="fa-long-arrow-right">fa-long-arrow-right</option><option value="fa-long-arrow-up">fa-long-arrow-up</option><option value="fa-magic">fa-magic</option><option value="fa-magnet">fa-magnet</option><option value="fa-mail-forward">fa-mail-forward</option><option value="fa-mail-reply">fa-mail-reply</option><option value="fa-mail-reply-all">fa-mail-reply-all</option><option value="fa-male">fa-male</option><option value="fa-map">fa-map</option><option value="fa-map-marker">fa-map-marker</option><option value="fa-map-o">fa-map-o</option><option value="fa-map-pin">fa-map-pin</option><option value="fa-map-signs">fa-map-signs</option><option value="fa-mars">fa-mars</option><option value="fa-mars-double">fa-mars-double</option><option value="fa-mars-stroke">fa-mars-stroke</option><option value="fa-mars-stroke-h">fa-mars-stroke-h</option><option value="fa-mars-stroke-v">fa-mars-stroke-v</option><option value="fa-maxcdn">fa-maxcdn</option><option value="fa-meanpath">fa-meanpath</option><option value="fa-medium">fa-medium</option><option value="fa-medkit">fa-medkit</option><option value="fa-meh-o">fa-meh-o</option><option value="fa-mercury">fa-mercury</option><option value="fa-microphone">fa-microphone</option><option value="fa-microphone-slash">fa-microphone-slash</option><option value="fa-minus">fa-minus</option><option value="fa-minus-circle">fa-minus-circle</option><option value="fa-minus-square">fa-minus-square</option><option value="fa-minus-square-o">fa-minus-square-o</option><option value="fa-mixcloud">fa-mixcloud</option><option value="fa-mobile">fa-mobile</option><option value="fa-mobile-phone">fa-mobile-phone</option><option value="fa-modx">fa-modx</option><option value="fa-money">fa-money</option><option value="fa-moon-o">fa-moon-o</option><option value="fa-mortar-board">fa-mortar-board</option><option value="fa-motorcycle">fa-motorcycle</option><option value="fa-mouse-pointer">fa-mouse-pointer</option><option value="fa-music">fa-music</option><option value="fa-navicon">fa-navicon</option><option value="fa-neuter">fa-neuter</option><option value="fa-newspaper-o">fa-newspaper-o</option><option value="fa-object-group">fa-object-group</option><option value="fa-object-ungroup">fa-object-ungroup</option><option value="fa-odnoklassniki">fa-odnoklassniki</option><option value="fa-odnoklassniki-square">fa-odnoklassniki-square</option><option value="fa-opencart">fa-opencart</option><option value="fa-openid">fa-openid</option><option value="fa-opera">fa-opera</option><option value="fa-optin-monster">fa-optin-monster</option><option value="fa-outdent">fa-outdent</option><option value="fa-pagelines">fa-pagelines</option><option value="fa-paint-brush">fa-paint-brush</option><option value="fa-paper-plane">fa-paper-plane</option><option value="fa-paper-plane-o">fa-paper-plane-o</option><option value="fa-paperclip">fa-paperclip</option><option value="fa-paragraph">fa-paragraph</option><option value="fa-paste">fa-paste</option><option value="fa-pause">fa-pause</option><option value="fa-pause-circle">fa-pause-circle</option><option value="fa-pause-circle-o">fa-pause-circle-o</option><option value="fa-paw">fa-paw</option><option value="fa-paypal">fa-paypal</option><option value="fa-pencil">fa-pencil</option><option value="fa-pencil-square">fa-pencil-square</option><option value="fa-pencil-square-o">fa-pencil-square-o</option><option value="fa-percent">fa-percent</option><option value="fa-phone">fa-phone</option><option value="fa-phone-square">fa-phone-square</option><option value="fa-photo">fa-photo</option><option value="fa-picture-o">fa-picture-o</option><option value="fa-pie-chart">fa-pie-chart</option><option value="fa-pied-piper">fa-pied-piper</option><option value="fa-pied-piper-alt">fa-pied-piper-alt</option><option value="fa-pinterest">fa-pinterest</option><option value="fa-pinterest-p">fa-pinterest-p</option><option value="fa-pinterest-square">fa-pinterest-square</option><option value="fa-plane">fa-plane</option><option value="fa-play">fa-play</option><option value="fa-play-circle">fa-play-circle</option><option value="fa-play-circle-o">fa-play-circle-o</option><option value="fa-plug">fa-plug</option><option value="fa-plus">fa-plus</option><option value="fa-plus-circle">fa-plus-circle</option><option value="fa-plus-square">fa-plus-square</option><option value="fa-plus-square-o">fa-plus-square-o</option><option value="fa-power-off">fa-power-off</option><option value="fa-print">fa-print</option><option value="fa-product-hunt">fa-product-hunt</option><option value="fa-puzzle-piece">fa-puzzle-piece</option><option value="fa-qq">fa-qq</option><option value="fa-qrcode">fa-qrcode</option><option value="fa-question">fa-question</option><option value="fa-question-circle">fa-question-circle</option><option value="fa-quote-left">fa-quote-left</option><option value="fa-quote-right">fa-quote-right</option><option value="fa-ra">fa-ra</option><option value="fa-random">fa-random</option><option value="fa-rebel">fa-rebel</option><option value="fa-recycle">fa-recycle</option><option value="fa-reddit">fa-reddit</option><option value="fa-reddit-alien">fa-reddit-alien</option><option value="fa-reddit-square">fa-reddit-square</option><option value="fa-refresh">fa-refresh</option><option value="fa-registered">fa-registered</option><option value="fa-remove">fa-remove</option><option value="fa-renren">fa-renren</option><option value="fa-reorder">fa-reorder</option><option value="fa-repeat">fa-repeat</option><option value="fa-reply">fa-reply</option><option value="fa-reply-all">fa-reply-all</option><option value="fa-retweet">fa-retweet</option><option value="fa-rmb">fa-rmb</option><option value="fa-road">fa-road</option><option value="fa-rocket">fa-rocket</option><option value="fa-rotate-left">fa-rotate-left</option><option value="fa-rotate-right">fa-rotate-right</option><option value="fa-rouble">fa-rouble</option><option value="fa-rss">fa-rss</option><option value="fa-rss-square">fa-rss-square</option><option value="fa-rub">fa-rub</option><option value="fa-ruble">fa-ruble</option><option value="fa-rupee">fa-rupee</option><option value="fa-safari">fa-safari</option><option value="fa-save">fa-save</option><option value="fa-scissors">fa-scissors</option><option value="fa-scribd">fa-scribd</option><option value="fa-search">fa-search</option><option value="fa-search-minus">fa-search-minus</option><option value="fa-search-plus">fa-search-plus</option><option value="fa-sellsy">fa-sellsy</option><option value="fa-send">fa-send</option><option value="fa-send-o">fa-send-o</option><option value="fa-server">fa-server</option><option value="fa-share">fa-share</option><option value="fa-share-alt">fa-share-alt</option><option value="fa-share-alt-square">fa-share-alt-square</option><option value="fa-share-square">fa-share-square</option><option value="fa-share-square-o">fa-share-square-o</option><option value="fa-shekel">fa-shekel</option><option value="fa-sheqel">fa-sheqel</option><option value="fa-shield">fa-shield</option><option value="fa-ship">fa-ship</option><option value="fa-shirtsinbulk">fa-shirtsinbulk</option><option value="fa-shopping-bag">fa-shopping-bag</option><option value="fa-shopping-basket">fa-shopping-basket</option><option value="fa-shopping-cart">fa-shopping-cart</option><option value="fa-sign-in">fa-sign-in</option><option value="fa-sign-out">fa-sign-out</option><option value="fa-signal">fa-signal</option><option value="fa-simplybuilt">fa-simplybuilt</option><option value="fa-sitemap">fa-sitemap</option><option value="fa-skyatlas">fa-skyatlas</option><option value="fa-skype">fa-skype</option><option value="fa-slack">fa-slack</option><option value="fa-sliders">fa-sliders</option><option value="fa-slideshare">fa-slideshare</option><option value="fa-smile-o">fa-smile-o</option><option value="fa-soccer-ball-o">fa-soccer-ball-o</option><option value="fa-sort">fa-sort</option><option value="fa-sort-alpha-asc">fa-sort-alpha-asc</option><option value="fa-sort-alpha-desc">fa-sort-alpha-desc</option><option value="fa-sort-amount-asc">fa-sort-amount-asc</option><option value="fa-sort-amount-desc">fa-sort-amount-desc</option><option value="fa-sort-asc">fa-sort-asc</option><option value="fa-sort-desc">fa-sort-desc</option><option value="fa-sort-down">fa-sort-down</option><option value="fa-sort-numeric-asc">fa-sort-numeric-asc</option><option value="fa-sort-numeric-desc">fa-sort-numeric-desc</option><option value="fa-sort-up">fa-sort-up</option><option value="fa-soundcloud">fa-soundcloud</option><option value="fa-space-shuttle">fa-space-shuttle</option><option value="fa-spinner">fa-spinner</option><option value="fa-spoon">fa-spoon</option><option value="fa-spotify">fa-spotify</option><option value="fa-square">fa-square</option><option value="fa-square-o">fa-square-o</option><option value="fa-stack-exchange">fa-stack-exchange</option><option value="fa-stack-overflow">fa-stack-overflow</option><option value="fa-star">fa-star</option><option value="fa-star-half">fa-star-half</option><option value="fa-star-half-empty">fa-star-half-empty</option><option value="fa-star-half-full">fa-star-half-full</option><option value="fa-star-half-o">fa-star-half-o</option><option value="fa-star-o">fa-star-o</option><option value="fa-steam">fa-steam</option><option value="fa-steam-square">fa-steam-square</option><option value="fa-step-backward">fa-step-backward</option><option value="fa-step-forward">fa-step-forward</option><option value="fa-stethoscope">fa-stethoscope</option><option value="fa-sticky-note">fa-sticky-note</option><option value="fa-sticky-note-o">fa-sticky-note-o</option><option value="fa-stop">fa-stop</option><option value="fa-stop-circle">fa-stop-circle</option><option value="fa-stop-circle-o">fa-stop-circle-o</option><option value="fa-street-view">fa-street-view</option><option value="fa-strikethrough">fa-strikethrough</option><option value="fa-stumbleupon">fa-stumbleupon</option><option value="fa-stumbleupon-circle">fa-stumbleupon-circle</option><option value="fa-subscript">fa-subscript</option><option value="fa-subway">fa-subway</option><option value="fa-suitcase">fa-suitcase</option><option value="fa-sun-o">fa-sun-o</option><option value="fa-superscript">fa-superscript</option><option value="fa-support">fa-support</option><option value="fa-table">fa-table</option><option value="fa-tablet">fa-tablet</option><option value="fa-tachometer">fa-tachometer</option><option value="fa-tag">fa-tag</option><option value="fa-tags">fa-tags</option><option value="fa-tasks">fa-tasks</option><option value="fa-taxi">fa-taxi</option><option value="fa-television">fa-television</option><option value="fa-tencent-weibo">fa-tencent-weibo</option><option value="fa-terminal">fa-terminal</option><option value="fa-text-height">fa-text-height</option><option value="fa-text-width">fa-text-width</option><option value="fa-th">fa-th</option><option value="fa-th-large">fa-th-large</option><option value="fa-th-list">fa-th-list</option><option value="fa-thumb-tack">fa-thumb-tack</option><option value="fa-thumbs-down">fa-thumbs-down</option><option value="fa-thumbs-o-down">fa-thumbs-o-down</option><option value="fa-thumbs-o-up">fa-thumbs-o-up</option><option value="fa-thumbs-up">fa-thumbs-up</option><option value="fa-ticket">fa-ticket</option><option value="fa-times">fa-times</option><option value="fa-times-circle">fa-times-circle</option><option value="fa-times-circle-o">fa-times-circle-o</option><option value="fa-tint">fa-tint</option><option value="fa-toggle-down">fa-toggle-down</option><option value="fa-toggle-left">fa-toggle-left</option><option value="fa-toggle-off">fa-toggle-off</option><option value="fa-toggle-on">fa-toggle-on</option><option value="fa-toggle-right">fa-toggle-right</option><option value="fa-toggle-up">fa-toggle-up</option><option value="fa-trademark">fa-trademark</option><option value="fa-train">fa-train</option><option value="fa-transgender">fa-transgender</option><option value="fa-transgender-alt">fa-transgender-alt</option><option value="fa-trash">fa-trash</option><option value="fa-trash-o">fa-trash-o</option><option value="fa-tree">fa-tree</option><option value="fa-trello">fa-trello</option><option value="fa-tripadvisor">fa-tripadvisor</option><option value="fa-trophy">fa-trophy</option><option value="fa-truck">fa-truck</option><option value="fa-try">fa-try</option><option value="fa-tty">fa-tty</option><option value="fa-tumblr">fa-tumblr</option><option value="fa-tumblr-square">fa-tumblr-square</option><option value="fa-turkish-lira">fa-turkish-lira</option><option value="fa-tv">fa-tv</option><option value="fa-twitch">fa-twitch</option><option value="fa-twitter">fa-twitter</option><option value="fa-twitter-square">fa-twitter-square</option><option value="fa-umbrella">fa-umbrella</option><option value="fa-underline">fa-underline</option><option value="fa-undo">fa-undo</option><option value="fa-university">fa-university</option><option value="fa-unlink">fa-unlink</option><option value="fa-unlock">fa-unlock</option><option value="fa-unlock-alt">fa-unlock-alt</option><option value="fa-unsorted">fa-unsorted</option><option value="fa-upload">fa-upload</option><option value="fa-usb">fa-usb</option><option value="fa-usd">fa-usd</option><option value="fa-user">fa-user</option><option value="fa-user-md">fa-user-md</option><option value="fa-user-plus">fa-user-plus</option><option value="fa-user-secret">fa-user-secret</option><option value="fa-user-times">fa-user-times</option><option value="fa-users">fa-users</option><option value="fa-venus">fa-venus</option><option value="fa-venus-double">fa-venus-double</option><option value="fa-venus-mars">fa-venus-mars</option><option value="fa-viacoin">fa-viacoin</option><option value="fa-video-camera">fa-video-camera</option><option value="fa-vimeo">fa-vimeo</option><option value="fa-vimeo-square">fa-vimeo-square</option><option value="fa-vine">fa-vine</option><option value="fa-vk">fa-vk</option><option value="fa-volume-down">fa-volume-down</option><option value="fa-volume-off">fa-volume-off</option><option value="fa-volume-up">fa-volume-up</option><option value="fa-warning">fa-warning</option><option value="fa-wechat">fa-wechat</option><option value="fa-weibo">fa-weibo</option><option value="fa-weixin">fa-weixin</option><option value="fa-whatsapp">fa-whatsapp</option><option value="fa-wheelchair">fa-wheelchair</option><option value="fa-wifi">fa-wifi</option><option value="fa-wikipedia-w">fa-wikipedia-w</option><option value="fa-windows">fa-windows</option><option value="fa-won">fa-won</option><option value="fa-wordpress">fa-wordpress</option><option value="fa-wrench">fa-wrench</option><option value="fa-xing">fa-xing</option><option value="fa-xing-square">fa-xing-square</option><option value="fa-y-combinator">fa-y-combinator</option><option value="fa-y-combinator-square">fa-y-combinator-square</option><option value="fa-yahoo">fa-yahoo</option><option value="fa-yc">fa-yc</option><option value="fa-yc-square">fa-yc-square</option><option value="fa-yelp">fa-yelp</option><option value="fa-yen">fa-yen</option><option value="fa-youtube">fa-youtube</option><option value="fa-youtube-play">fa-youtube-play</option><option value="fa-youtube-square">fa-youtube-square</option></select></div><div class=""><span class="helix-ultimate-megamenu-label">Custom Class</span><input type="text" id="helix-ultimate-megamenu-custom-class" placeholder="" value="" /></div><div class=""><span class="helix-ultimate-megamenu-label">Badge</span><input type="text" id="helix-ultimate-megamenu-menu-badge" placeholder="" value="" /></div><div class=""><span class="helix-ultimate-megamenu-label">Badge Position</span><select id="helix-ultimate-megamenu-badge-position"><option value="left">Left</option><option value="right">Right</option></select></div><div><span class="helix-ultimate-megamenu-label">Background Color</span><input type="text" class="minicolors" id="helix-ultimate-menu-badge-bg-color" placeholder="#333333" value="" /></div><div><span class="helix-ultimate-megamenu-label">Text Color</span><input type="text" class="minicolors" id="helix-ultimate-menu-badge-text-color" placeholder="#ffffff" value="" /></div>            </div>

            <div id="helix-ultimate-megamenu-layout" class="helix-ultimate-megamenu-layout helix-ultimate-megamenu-field-control hide-menu-builder" data-megamenu="0" data-width="600" data-menualign="right" data-dropdown="right" data-showtitle="1" data-customclass="" data-faicon="" data-dropdown="right" data-badge="" data-badge_position="" data-badge_bg_color="" data-badge_text_color="">

            </div>

        </div>

        <div class="helix-ultimate-megamenu-add-row helix-ultimate-megamenu-field-control clearfix hide-menu-builder">
            <button id="helix-ultimate-choose-megamenu-layout" class="helix-ultimate-choose-megamenu-layout"><span class="fa fa-plus-circle"></span> Add New Row</button>
            <div class="helix-ultimate-megamenu-modal" id="helix-ultimate-megamenu-layout-modal" style="display: none;" >
                <div class="helix-ultimate-row">

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="12">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-12"><div>12</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="6+6">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-6"><div>6</div></div>
                                                                    <div class="helix-ultimate-col-sm-6"><div>6</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="4+4+4">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-4"><div>4</div></div>
                                                                    <div class="helix-ultimate-col-sm-4"><div>4</div></div>
                                                                    <div class="helix-ultimate-col-sm-4"><div>4</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="3+3+3+3">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-3"><div>3</div></div>
                                                                    <div class="helix-ultimate-col-sm-3"><div>3</div></div>
                                                                    <div class="helix-ultimate-col-sm-3"><div>3</div></div>
                                                                    <div class="helix-ultimate-col-sm-3"><div>3</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="2+2+2+2+2+2">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="5+7">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-5"><div>5</div></div>
                                                                    <div class="helix-ultimate-col-sm-7"><div>7</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="4+8">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-4"><div>4</div></div>
                                                                    <div class="helix-ultimate-col-sm-8"><div>8</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="3+9">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-3"><div>3</div></div>
                                                                    <div class="helix-ultimate-col-sm-9"><div>9</div></div>

                            </div>
                        </div>
                    </div>

                    <div class="helix-ultimate-col-sm-4">
                        <div class="helix-ultimate-megamenu-grids" data-layout="2+10">
                            <div class="helix-ultimate-row">

                                                                    <div class="helix-ultimate-col-sm-2"><div>2</div></div>
                                                                    <div class="helix-ultimate-col-sm-10"><div>10</div></div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div> <!-- End of Row Layout Structure -->

    </div>

            <div class="helix-ultimate-col-sm-3">
            <div class="helix-ultimate-megamenu-sidebar  hide-menu-builder">
                <h3><span class="fa fa-bars"></span> Module List</h3>
                <div class="helix-ultimate-megamenu-module-list">

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="17" data-type="module"><span class="fa fa-arrows"></span> Breadcrumbs</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="35" data-type="module"><span class="fa fa-arrows"></span> Search</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="95" data-type="module"><span class="fa fa-arrows"></span> Latest News</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="96" data-type="module"><span class="fa fa-arrows"></span> Our Partners</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="97" data-type="module"><span class="fa fa-arrows"></span> Quick Link</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="98" data-type="module"><span class="fa fa-arrows"></span> Portfolio Module</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="99" data-type="module"><span class="fa fa-arrows"></span> Latest News</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="100" data-type="module"><span class="fa fa-arrows"></span> Search</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="101" data-type="module"><span class="fa fa-arrows"></span> Information</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="102" data-type="module"><span class="fa fa-arrows"></span> Search</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="103" data-type="module"><span class="fa fa-arrows"></span> Latest News</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="104" data-type="module"><span class="fa fa-arrows"></span> Information</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="105" data-type="module"><span class="fa fa-arrows"></span> Off Canvas Menu</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="107" data-type="module"><span class="fa fa-arrows"></span> Portfolio Module -  Portfolio Home</div>

                        <div class="helix-ultimate-megamenu-draggable-module" data-mod_id="116" data-type="module"><span class="fa fa-arrows"></span> About Us</div>

                                    </div>
            </div>
        </div> <!-- End of Module List -->

</div>
<input type="hidden" name="jform[params][helixultimatemenulayout]" id="jform_params_helixultimatemenulayout" value="{"width":600,"menualign":"right","megamenu":0,"showtitle":1,"faicon":"","customclass":"","dropdown":"right","badge":"","badge_position":"","badge_bg_color":"","badge_text_color":"","layout":[]}"></div></div>
</div>

</div>
<div id="attrib-helixultimatepagetitle" class="tab-pane">
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimate_enable_page_title-lbl" for="jform_params_helixultimate_enable_page_title" class="hasPopover" title="Enable Page Title" data-content="Enable this option show page title after just below the header.">
    Enable Page Title</label>
</div>
        <div class="controls"><fieldset id="jform_params_helixultimate_enable_page_title" class="btn-group radio"
                >

                        <input type="radio" id="jform_params_helixultimate_enable_page_title0" name="jform[params][helixultimate_enable_page_title]" value="1"  />          <label for="jform_params_helixultimate_enable_page_title0" >
                Yes         </label>

                        <input type="radio" id="jform_params_helixultimate_enable_page_title1" name="jform[params][helixultimate_enable_page_title]" value="0" checked="checked" />         <label for="jform_params_helixultimate_enable_page_title1" >
                NO          </label>
            </fieldset>
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimate_page_title_alt-lbl" for="jform_params_helixultimate_page_title_alt" class="hasPopover" title="Alternative Title" data-content="Alternative title will override Joomla default menu title.">
    Alternative Title</label>
</div>
        <div class="controls"><input type="text" name="jform[params][helixultimate_page_title_alt]" id="jform_params_helixultimate_page_title_alt"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimate_page_subtitle-lbl" for="jform_params_helixultimate_page_subtitle" class="hasPopover" title="Page Subtitle" data-content="Add a brief description about the page as page subtitle.">
    Page Subtitle</label>
</div>
        <div class="controls"><input type="text" name="jform[params][helixultimate_page_subtitle]" id="jform_params_helixultimate_page_subtitle"  value=""               />
</div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimate_page_title_bg_color-lbl" for="jform_params_helixultimate_page_title_bg_color" class="hasPopover" title="Background Color" data-content="Background color for the title area.">
    Background Color</label>
</div>
        <div class="controls"><input type="text" name="jform[params][helixultimate_page_title_bg_color]" id="jform_params_helixultimate_page_title_bg_color" value="none"  placeholder="#rrggbb" class="minicolors hex" data-position="default" data-control="hue" data-format="hex"/></div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_params_helixultimate_page_title_bg_image-lbl" for="jform_params_helixultimate_page_title_bg_image" class="hasPopover" title="Background Image" data-content="Add background image for the title area.">
    Background Image</label>
</div>
        <div class="controls"><div class="field-media-wrapper"
    data-basepath="https://https://my.domain.com/"
    data-url="index.php?option=com_media&amp;view=images&amp;tmpl=component&amp;asset=com_menus&amp;author=&amp;fieldid={field-media-id}&amp;ismoo=0&amp;folder="
    data-modal=".modal"
    data-modal-width="100%"
    data-modal-height="400px"
    data-input=".field-media-input"
    data-button-select=".button-select"
    data-button-clear=".button-clear"
    data-button-save-selected=".button-save-selected"
    data-preview="true"
    data-preview-as-tooltip="true"
    data-preview-container=".field-media-preview"
    data-preview-width="200"
    data-preview-height="200"
>
    <div id="imageModal_jform_params_helixultimate_page_title_bg_image" tabindex="-1" class="modal hide fade">
    <div class="modal-header">
            <button type="button" class="close novalidate" data-dismiss="modal">×</button>
                <h3>Change Image</h3>
    </div>
<div class="modal-body">
    </div>
<div class="modal-footer">
    <a class="btn" data-dismiss="modal">Cancel</a></div>
</div>
        <div class="input-prepend input-append">
        <span rel="popover" class="add-on pop-helper field-media-preview"
            title="Selected image." data-content="No image selected."
            data-original-title="Selected image." data-trigger="hover">
            <span class="icon-eye" aria-hidden="true"></span>
        </span>
            <input type="text" name="jform[params][helixultimate_page_title_bg_image]" id="jform_params_helixultimate_page_title_bg_image" value="" readonly="readonly" class="input-small hasTooltip field-media-input"/>
                    <a class="btn add-on button-select">Select</a>
            <a class="btn icon-remove hasTooltip add-on button-clear" title="Clear"></a>
            </div>
    </div>
</div>
</div>

</div>

<div id="modules" class="tab-pane">
            <div id="moduleEditModal" tabindex="-1" class="modal hide fade jviewport-width80" data-backdrop="static" data-keyboard="false">
    <div class="modal-header">
                <h3>Edit module settings</h3>
    </div>
<div class="modal-body jviewport-height70">
    </div>
<div class="modal-footer">
    <a type="button" class="btn" data-dismiss="modal" data-target="#closeBtn" aria-hidden="true">Close</a><button type="button" class="btn btn-primary" data-dismiss="modal" data-target="#saveBtn" aria-hidden="true">Save &amp; Close</button><button type="button" class="btn btn-success" data-target="#applyBtn" aria-hidden="true">Save</button></div>
</div>
<fieldset class="form-horizontal"><ul class="horizontal-buttons unstyled"><li><div class="control-group">
            <div class="control-label"><label id="jform_toggle_modules_assigned-lbl" for="jform_toggle_modules_assigned" class="hasPopover" title="Unassigned Modules" data-content="Show or hide modules unassigned to this menu item.">
    Unassigned Modules</label>
</div>
        <div class="controls"><fieldset id="jform_toggle_modules_assigned" class="btn-group btn-group-yesno radio"
                >

                        <input type="radio" id="jform_toggle_modules_assigned0" name="jform[toggle_modules_assigned]" value="1" checked="checked" />            <label for="jform_toggle_modules_assigned0" >
                Show            </label>

                        <input type="radio" id="jform_toggle_modules_assigned1" name="jform[toggle_modules_assigned]" value="0"  />         <label for="jform_toggle_modules_assigned1" >
                Hide            </label>
            </fieldset>
</div>
</div>
</li><li><div class="control-group">
            <div class="control-label"><label id="jform_toggle_modules_published-lbl" for="jform_toggle_modules_published" class="hasPopover" title="Unpublished Modules" data-content="Show or hide modules that are unpublished.">
    Unpublished Modules</label>
</div>
        <div class="controls"><fieldset id="jform_toggle_modules_published" class="btn-group btn-group-yesno radio"
                >

                        <input type="radio" id="jform_toggle_modules_published0" name="jform[toggle_modules_published]" value="1" checked="checked" />          <label for="jform_toggle_modules_published0" >
                Show            </label>

                        <input type="radio" id="jform_toggle_modules_published1" name="jform[toggle_modules_published]" value="0"  />           <label for="jform_toggle_modules_published1" >
                Hide            </label>
            </fieldset>
</div>
</div>
</li></ul></fieldset>
    <table class="table table-striped">
        <thead>
        <tr>
            <th class="left">
                Module          </th>
            <th>
                View Level          </th>
            <th>
                Position            </th>
            <th>
                Display         </th>
            <th>
                Published           </th>
        </tr>
        </thead>
        <tbody>
                                                                                                    <tr class="unpublished row0" id="tr-94" style="display:table-row">
                <td id="94">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-94"
                        data-module-id="94">
                        About Helix</a>
                </td>
                <td id="access-94">
                    Public              </td>
                <td id="position-94">
                    bottom1             </td>
                <td id="menus-94">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-94">
                                                    <span class="label label-important">
                                No                          </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row1" id="tr-116" style="display:table-row">
                <td id="116">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-116"
                        data-module-id="116">
                        About Us</a>
                </td>
                <td id="access-116">
                    Public              </td>
                <td id="position-116">
                    bottom1             </td>
                <td id="menus-116">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-116">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row0" id="tr-95" style="display:table-row">
                <td id="95">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-95"
                        data-module-id="95">
                        Latest News</a>
                </td>
                <td id="access-95">
                    Public              </td>
                <td id="position-95">
                    bottom2             </td>
                <td id="menus-95">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-95">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row1" id="tr-96" style="display:table-row">
                <td id="96">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-96"
                        data-module-id="96">
                        Our Partners</a>
                </td>
                <td id="access-96">
                    Public              </td>
                <td id="position-96">
                    bottom3             </td>
                <td id="menus-96">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-96">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row0" id="tr-97" style="display:table-row">
                <td id="97">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-97"
                        data-module-id="97">
                        Quick Link</a>
                </td>
                <td id="access-97">
                    Public              </td>
                <td id="position-97">
                    bottom4             </td>
                <td id="menus-97">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-97">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row1" id="tr-17" style="display:table-row">
                <td id="17">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-17"
                        data-module-id="17">
                        Breadcrumbs</a>
                </td>
                <td id="access-17">
                    Public              </td>
                <td id="position-17">
                    breadcrumb              </td>
                <td id="menus-17">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-17">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row0" id="tr-102" style="display:table-row">
                <td id="102">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-102"
                        data-module-id="102">
                        Search</a>
                </td>
                <td id="access-102">
                    Public              </td>
                <td id="position-102">
                    left                </td>
                <td id="menus-102">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-102">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row1" id="tr-103" style="display:table-row">
                <td id="103">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-103"
                        data-module-id="103">
                        Latest News</a>
                </td>
                <td id="access-103">
                    Public              </td>
                <td id="position-103">
                    left                </td>
                <td id="menus-103">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-103">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row0" id="tr-104" style="display:table-row">
                <td id="104">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-104"
                        data-module-id="104">
                        Information</a>
                </td>
                <td id="access-104">
                    Public              </td>
                <td id="position-104">
                    left                </td>
                <td id="menus-104">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-104">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row1" id="tr-35" style="display:table-row">
                <td id="35">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-35"
                        data-module-id="35">
                        Search</a>
                </td>
                <td id="access-35">
                    Public              </td>
                <td id="position-35">
                    offcanvas               </td>
                <td id="menus-35">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-35">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row0" id="tr-105" style="display:table-row">
                <td id="105">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-105"
                        data-module-id="105">
                        Off Canvas Menu</a>
                </td>
                <td id="access-105">
                    Public              </td>
                <td id="position-105">
                    offcanvas               </td>
                <td id="menus-105">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-105">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row1" id="tr-98" style="display:table-row">
                <td id="98">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-98"
                        data-module-id="98">
                        Portfolio Module</a>
                </td>
                <td id="access-98">
                    Public              </td>
                <td id="position-98">
                    pagebuilder             </td>
                <td id="menus-98">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-98">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                    <tr class="row0" id="tr-107" style="display:table-row">
                <td id="107">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-107"
                        data-module-id="107">
                        Portfolio Module -  Portfolio Home</a>
                </td>
                <td id="access-107">
                    Public              </td>
                <td id="position-107">
                    pagebuilder             </td>
                <td id="menus-107">
                                            <span class="label label-info">
                            All                     </span>
                                    </td>
                <td id="status-107">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row1" id="tr-100" style="display:table-row">
                <td id="100">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-100"
                        data-module-id="100">
                        Search</a>
                </td>
                <td id="access-100">
                    Public              </td>
                <td id="position-100">
                    right               </td>
                <td id="menus-100">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-100">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row0" id="tr-99" style="display:table-row">
                <td id="99">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-99"
                        data-module-id="99">
                        Latest News</a>
                </td>
                <td id="access-99">
                    Public              </td>
                <td id="position-99">
                    right               </td>
                <td id="menus-99">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-99">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                                                                                                                                        <tr class="no row1" id="tr-101" style="display:table-row">
                <td id="101">
                    <a href="#moduleEditModal"
                        role="button"
                        class="btn btn-link module-edit-link"
                        title="Edit module settings"
                        id="title-101"
                        data-module-id="101">
                        Information</a>
                </td>
                <td id="access-101">
                    Public              </td>
                <td id="position-101">
                    right               </td>
                <td id="menus-101">
                                                                        <span class="label label-important">
                                No                          </span>
                                                            </td>
                <td id="status-101">
                                                    <span class="label label-success">
                                Yes                         </span>
                                        </td>
            </tr>
                </tbody>
    </table>

</div>      

</div>  </div>

    <input type="hidden" name="task" value="" />
    <input type="hidden" name="forcedLanguage" value="" />
    <input type="hidden" name="jform[component_id]" id="jform_component_id" value="10004" />    <input type="hidden" name="7511e64e33e0e4d59114039a3c44d4be" value="1" />   <input type="hidden" id="fieldtype" name="fieldtype" value="" />
</form>

                </div>
            </div>
                        <!-- End Content -->
    </section>

    </div>
    <!-- Begin Status Module -->
    <div id="status" class="navbar navbar-fixed-bottom hidden-phone">
        <div class="btn-toolbar">
            <div class="btn-group pull-right">
                <p>
                        Joomla! 3.8.5   &nbsp;&mdash;&nbsp;
                    &copy; 2018 OneAccess               </p>

            </div>
            <div class="btn-group viewsite"><a href="https://https://my.domain.com/" target="_blank"><span class="icon-out-2" aria-hidden="true"></span>View Site</a><span class="btn-group separator"></span></div><div class="btn-group loggedin-users"><span class="badge">0</span>Visitors<span class="btn-group separator"></span></div><div class="btn-group backloggedin-users"><span class="badge">2</span>Administrators<span class="btn-group separator"></span></div><div class="btn-group no-unread-messages"><span class="badge">0</span>Messages<span class="btn-group separator"></span></div><div class="btn-group logout"><span class="icon-minus-2" aria-hidden="true"></span>Log out</div>
        </div>
    </div>
    <!-- End Status Module -->

</body>
</html>
brianteeman commented 6 years ago

Please test with the default protostar template and see if you have the same issue

solracsf commented 6 years ago

Yes, same issue with Protostar (issue is on Administration perhaps).

Quy commented 6 years ago

I cannot reproduce. Could this be an issue with Helix 3 and Helix Ultimate? Can you reproduce with a new installation without these templates?

tonypartridge commented 6 years ago

Please try disabling the T3 framework plugin and trying again?

How did you configure the menu item?

solracsf commented 6 years ago

Disabling Helix Ultimate Framework solves the problem, i'll contact the vendor.