Feeling Lucky
?
[#19756] - Bad encoding while editing default home menu item
- Closed
- 23 Feb 2018
- Medium
- Build: staging
- # 19756
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&view=item&client_id=0&layout=edit&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"> *</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->Site). <br />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.<br />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"> *</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"> *</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&view=page&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"> *</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: ","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&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&view=menutypes&tmpl=component&client_id=0&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&view=pages&layout=modal&tmpl=component&function=jSelectPage_jform_request_id&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&client_id=0&task=module.edit&tmpl=component&view=module&layout=modal&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 & 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 & 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&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&view=images&tmpl=component&asset=com_menus&author=&fieldid={field-media-id}&ismoo=0&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 &quot;Browser page title&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 &quot;H1&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">×</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&view=images&tmpl=component&asset=com_menus&author=&fieldid={field-media-id}&ismoo=0&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&view=images&tmpl=component&asset=com_menus&author=&fieldid={field-media-id}&ismoo=0&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 & 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 —
© 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>
joomla-cms-bot
- | Labels |
Added:
?
|
||
| Title |
|
||||||
acs-ferreira
- comment
- 22 Feb 2018
Yes, same issue with Protostar (issue is on Administration perhaps).
Quy
- comment
- 22 Feb 2018
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
- comment
- 22 Feb 2018
Please try disabling the T3 framework plugin and trying again?
How did you configure the menu item?
franz-wohlkoenig
- | Status | New | ⇒ | Discussion |
| Category | ⇒ | Administration |
acs-ferreira
- comment
- 23 Feb 2018
Disabling Helix Ultimate Framework solves the problem, i'll contact the vendor.
| Status | Discussion | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-02-23 08:07:43 |
| Closed_By | ⇒ | acs-ferreira |
Please test with the default protostar template and see if you have the same issue