3005 lines
245 KiB
Smarty
3005 lines
245 KiB
Smarty
{*
|
|
* 2017-2019 Zemez
|
|
*
|
|
* JX Mega Menu
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the General Public License (GPL 2.0)
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* http://opensource.org/licenses/GPL-2.0
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade the module to newer
|
|
* versions in the future.
|
|
*
|
|
* @author Zemez (Alexander Grosul)
|
|
* @copyright 2017-2019 Zemez
|
|
* @license http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
|
|
*}
|
|
{if $hooks}
|
|
{$hooks|escape:'quotes':'UTF-8'}
|
|
{/if}
|
|
<div id="jxmegamenu-configurations-buttons" class="panel clearfix">
|
|
<button type="button" class="btn btn-sm btn-primary pull-right indent-left" data-toggle="modal" data-target="#myModal">
|
|
<i class="process-icon-edit"></i> {l s='Edit styles' mod='jxmegamenu'}</button>
|
|
<button type="button" class="btn btn-sm btn-primary pull-right" id="get-settings"><i class="process-icon-cogs"></i> {l s='Edit settings' mod='jxmegamenu'}</button>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addItem">
|
|
<i class="process-icon-new"></i> {l s='Add item' mod='jxmegamenu'}
|
|
</a>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addHtml">
|
|
<i class="icon-html5"></i> {l s='Add HTML' mod='jxmegamenu'}
|
|
</a>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addLink">
|
|
<i class="icon-link"></i> {l s='Add link' mod='jxmegamenu'}
|
|
</a>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addBanner">
|
|
<i class="icon-image"></i> {l s='Add banner' mod='jxmegamenu'}
|
|
</a>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addVideo">
|
|
<i class="icon-youtube"></i> {l s='Add video' mod='jxmegamenu'}
|
|
</a>
|
|
<a class="btn btn-sm btn-success" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addMap">
|
|
<i class="icon-map-marker"></i> {l s='Add map' mod='jxmegamenu'}
|
|
</a>
|
|
<input type="hidden" name="hook_name" value="{$currentHook}" />
|
|
</div>
|
|
<div class="panel jxmegamenu">
|
|
<h3>
|
|
{l s='Items list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($tabs) && count($tabs)}{count($tabs)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addItem">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($tabs) && $tabs}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table tablist table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='Item id' mod='jxmegamenu'}</th>
|
|
<th>{l s='Item name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Item code' mod='jxmegamenu'}</th>
|
|
<th>{l s='Sort order' mod='jxmegamenu'}</th>
|
|
<th>{l s='Specific class' mod='jxmegamenu'}</th>
|
|
<th>{l s='Badge' mod='jxmegamenu'}</th>
|
|
<th>{l s='Type' mod='jxmegamenu'}</th>
|
|
<th>{l s='Status' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$tabs item=tab name='tab'}
|
|
<tr id="item_{$tab.id_item|escape:'htmlall':'UTF-8'}">
|
|
<td>{$tab.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$tab.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$tab.url|escape:'htmlall':'UTF-8'}</td>
|
|
<td class="pointer dragHandle center">
|
|
<div class="dragGroup">
|
|
<div class="positions">{$tab.sort_order|escape:'htmlall':'UTF-8'}</div>
|
|
</div>
|
|
</td>
|
|
<td>{if $tab.specific_class}{$tab.specific_class|escape:'htmlall':'UTF-8'}{else}-{/if}</td>
|
|
<td>{if $tab.badge}{$tab.badge|escape:'htmlall':'UTF-8'}{else}-{/if}</td>
|
|
<td>{if $tab.is_mega}{l s='Is mega' mod='jxmegamenu'}{elseif $tab.is_simple}{l s='Is simple' mod='jxmegamenu'}{else}-{/if}</td>
|
|
<td>
|
|
<a class="list-action-enable{if $tab.active} action-enabled{else} action-disabled{/if}" href="{$url_enable|escape:'html':'UTF-8'}&updateItemStatus&id_item={$tab.id_item|escape:'htmlall':'UTF-8'}&itemstatus={$tab.active|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}" title="{if $tab.active}{l s='Enabled' mod='jxmegamenu'}{else}{l s='Disabled' mod='jxmegamenu'}{/if}">
|
|
<i class="icon-check{if !$tab.active} hidden{/if}"></i>
|
|
<i class="icon-remove{if $tab.active} hidden{/if}"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editItem&id_item={$tab.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteItem&id_item={$tab.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="panel jxmegamenu-html">
|
|
<h3>
|
|
{l s='HTML list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($html_items) && count($html_items)}{count($html_items)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addHtml">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($html_items) && $html_items}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='HTML id' mod='jxmegamenu'}</th>
|
|
<th>{l s='HTML name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Specific class' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$html_items item=item name='html'}
|
|
<tr {if $smarty.foreach.html.iteration is div by 2}class="odd"{/if}>
|
|
<td>{$item.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{if $item.specific_class}{$item.specific_class|escape:'htmlall':'UTF-8'}{else}-{/if}</td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editHtml&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteHtml&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="panel jxmegamenu-link">
|
|
<h3>
|
|
{l s='Links list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($links) && count($links)}{count($links)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addLink">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($links) && $links}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='Link id' mod='jxmegamenu'}</th>
|
|
<th>{l s='Link name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Specific class' mod='jxmegamenu'}</th>
|
|
<th>{l s='URL' mod='jxmegamenu'}</th>
|
|
<th>{l s='Target blank' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$links item=item name='link'}
|
|
<tr {if $smarty.foreach.link.iteration is div by 2}class="odd"{/if}>
|
|
<td>{$item.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{if $item.specific_class}{$item.specific_class|escape:'htmlall':'UTF-8'}{else}-{/if}</td>
|
|
<td><a href="{$item.url|escape:'htmlall':'UTF-8'}">{$item.url|escape:'htmlall':'UTF-8'}</a></td>
|
|
<td>{if $item.blank}true{else}false{/if}</td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editLink&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteLink&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="panel jxmegamenu-link">
|
|
<h3>
|
|
{l s='Banners list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($banners) && count($banners)}{count($banners)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addBanner">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($banners) && $banners}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='Banner id' mod='jxmegamenu'}</th>
|
|
<th>{l s='Banner name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Image' mod='jxmegamenu'}</th>
|
|
<th>{l s='Specific class' mod='jxmegamenu'}</th>
|
|
<th>{l s='URL' mod='jxmegamenu'}</th>
|
|
<th>{l s='Target blank' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$banners item=item name='link'}
|
|
<tr {if $smarty.foreach.link.iteration is div by 2}class="odd"{/if}>
|
|
<td>{$item.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>
|
|
<img class="banner-thumbnail" src="{$image_baseurl|escape:'htmlall':'UTF-8'}{$item.image|escape:'htmlall':'UTF-8'}" alt="{$item.title|escape:'htmlall':'UTF-8'}"/>
|
|
</td>
|
|
<td>{if $item.specific_class}{$item.specific_class|escape:'htmlall':'UTF-8'}{else}-{/if}</td>
|
|
<td><a href="{$item.url|escape:'htmlall':'UTF-8'}">{$item.url|escape:'htmlall':'UTF-8'}</a></td>
|
|
<td>{if $item.blank}true{else}false{/if}</td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editBanner&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteBanner&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="panel jxmegamenu-video">
|
|
<h3>
|
|
{l s='Videos list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($videos) && count($videos)}{count($videos)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addVideo">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($videos) && $videos}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='Video id' mod='jxmegamenu'}</th>
|
|
<th>{l s='Video name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Video' mod='jxmegamenu'}</th>
|
|
<th>{l s='URL' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$videos item=item name='link'}
|
|
<tr {if $smarty.foreach.link.iteration is div by 2}class="odd"{/if}>
|
|
<td>{$item.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>
|
|
{if $item.type == 'youtube'}
|
|
<iframe type="text/html"
|
|
src="{$item.url|escape:'htmlall':'UTF-8'}?enablejsapi=1&version=3&html5=1&wmode=transparent"
|
|
frameborder="0"
|
|
wmode="Opaque"></iframe>
|
|
{else}
|
|
<iframe
|
|
src="{$item.url|escape:'htmlall':'UTF-8'}"
|
|
frameborder="0"
|
|
webkitAllowFullScreen
|
|
mozallowfullscreen
|
|
allowFullScreen>
|
|
</iframe>
|
|
{/if}
|
|
</td>
|
|
<td><a href="{$item.url|escape:'htmlall':'UTF-8'}">{$item.url|escape:'htmlall':'UTF-8'}</a></td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editVideo&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteVideo&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="panel jxmegamenu-map">
|
|
<h3>
|
|
{l s='Maps list' mod='jxmegamenu'}
|
|
<span class="badge">{if isset($maps) && count($maps)}{count($maps)}{else}0{/if}</span>
|
|
<span class="panel-heading-action">
|
|
<a class="list-toolbar-btn" href="{$url_enable|escape:'html':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}&addMap">
|
|
<span class="label-tooltip" data-placement="top" data-html="true" data-original-title="Add new" data-toggle="tooltip" title="">
|
|
<i class="process-icon-new"></i>
|
|
</span>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
{if isset($maps) && $maps}
|
|
<div class="table-responsive-row clearfix">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>{l s='Map id' mod='jxmegamenu'}</th>
|
|
<th>{l s='Map name' mod='jxmegamenu'}</th>
|
|
<th>{l s='Latitude' mod='jxmegamenu'}</th>
|
|
<th>{l s='Longitude' mod='jxmegamenu'}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach from=$maps item=item name='link'}
|
|
<tr {if $smarty.foreach.link.iteration is div by 2}class="odd"{/if}>
|
|
<td>{$item.id_item|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.title|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.latitude|escape:'htmlall':'UTF-8'}</td>
|
|
<td>{$item.longitude|escape:'htmlall':'UTF-8'}</td>
|
|
<td>
|
|
<div class="btn-group-action">
|
|
<div class="btn-group pull-right">
|
|
<a class="edit btn btn-default" title="{l s='Edit' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&editMap&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-pencil"></i> {l s='Edit' mod='jxmegamenu'}
|
|
</a>
|
|
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="delete" title="{l s='Delete' mod='jxmegamenu'}" href="{$url_enable|escape:'html':'UTF-8'}&deleteMap&id_item={$item.id_item|escape:'htmlall':'UTF-8'}{if isset($currentHook) && $currentHook}&hookName={$currentHook|escape:'html':'UTF-8'}{/if}"><i class="icon-trash"></i> {l s='Delete' mod='jxmegamenu'}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{else}
|
|
{l s='There is no item yet.' mod='jxmegamenu'}
|
|
{/if}
|
|
</div>
|
|
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">{l s='Menu\'s general styles' mod='jxmegamenu'}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-wrapper">
|
|
<form id="jxmegamenu-style" class="form-horizontal" action="" method="post">
|
|
<fieldset>
|
|
<h4>{l s='Top level' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper opened">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.color) && $top_level_menu.color}{$top_level_menu.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.background_color) && $top_level_menu.background_color}{$top_level_menu.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlbgimg" value="{if isset($top_level_menu.background_image) && $top_level_menu.background_image}{$top_level_menu.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.background_repeat) && $top_level_menu.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_repeat) && $top_level_menu.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_repeat) && $top_level_menu.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_repeat) && $top_level_menu.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.background_position) && $top_level_menu.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.border_top_color) && $top_level_menu.border_top_color}{$top_level_menu.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.border_right_color) && $top_level_menu.border_right_color}{$top_level_menu.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.border_bottom_color) && $top_level_menu.border_bottom_color}{$top_level_menu.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu.border_left_color) && $top_level_menu.border_left_color}{$top_level_menu.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.border_top_style) && $top_level_menu.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_top_style) && $top_level_menu.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_top_style) && $top_level_menu.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_top_style) && $top_level_menu.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.border_right_style) && $top_level_menu.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_right_style) && $top_level_menu.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_right_style) && $top_level_menu.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_right_style) && $top_level_menu.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.border_bottom_style) && $top_level_menu.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_bottom_style) && $top_level_menu.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_bottom_style) && $top_level_menu.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_bottom_style) && $top_level_menu.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu.border_left_style) && $top_level_menu.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_left_style) && $top_level_menu.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_left_style) && $top_level_menu.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu.border_left_style) && $top_level_menu.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu.border_top_width) && $top_level_menu.border_top_width !=''}{$top_level_menu.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu.border_right_width) && $top_level_menu.border_right_width !=''}{$top_level_menu.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu.border_bottom_width) && $top_level_menu.border_bottom_width !=''}{$top_level_menu.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu.border_left_width) && $top_level_menu.border_left_width !=''}{$top_level_menu.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu.border_top_right_radius) && $top_level_menu.border_top_right_radius !=''}{$top_level_menu.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu.border_bottom_right_radius) && $top_level_menu.border_bottom_right_radius !=''}{$top_level_menu.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu.border_bottom_left_radius) && $top_level_menu.border_bottom_left_radius !=''}{$top_level_menu.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu.border_top_left_radius) && $top_level_menu.border_top_left_radius !=''}{$top_level_menu.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_menu.box_shadow) && $top_level_menu.box_shadow}{$top_level_menu.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-menu"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Top level element' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.color) && $top_level_menu_li.color}{$top_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.background_color) && $top_level_menu_li.background_color}{$top_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlmlbgimg" value="{if isset($top_level_menu_li.background_image) && $top_level_menu_li.background_image}{$top_level_menu_li.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlmlbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.background_repeat) && $top_level_menu_li.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_repeat) && $top_level_menu_li.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_repeat) && $top_level_menu_li.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_repeat) && $top_level_menu_li.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.background_position) && $top_level_menu_li.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_top_color) && $top_level_menu_li.border_top_color}{$top_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_right_color) && $top_level_menu_li.border_right_color}{$top_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_bottom_color) && $top_level_menu_li.border_bottom_color}{$top_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li.border_left_color) && $top_level_menu_li.border_left_color}{$top_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_top_style) && $top_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_right_style) && $top_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_bottom_style) && $top_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li.border_left_style) && $top_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li.border_top_width) && $top_level_menu_li.border_top_width !=''}{$top_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li.border_right_width) && $top_level_menu_li.border_right_width !=''}{$top_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li.border_bottom_width) && $top_level_menu_li.border_bottom_width !=''}{$top_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li.border_left_width) && $top_level_menu_li.border_left_width !=''}{$top_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li.border_top_right_radius) && $top_level_menu_li.border_top_right_radius !=''}{$top_level_menu_li.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li.border_bottom_right_radius) && $top_level_menu_li.border_bottom_right_radius !=''}{$top_level_menu_li.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li.border_bottom_left_radius) && $top_level_menu_li.border_bottom_left_radius !=''}{$top_level_menu_li.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li.border_top_left_radius) && $top_level_menu_li.border_top_left_radius !=''}{$top_level_menu_li.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_menu_li.box_shadow) && $top_level_menu_li.box_shadow}{$top_level_menu_li.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-menu-li"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Top level element' mod='jxmegamenu'}<span>{l s='(hover & active)' mod='jxmegamenu'}</span></h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.color) && $top_level_menu_li_hover.color}{$top_level_menu_li_hover.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.background_color) && $top_level_menu_li_hover.background_color}{$top_level_menu_li_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlmlhbgimg" value="{if isset($top_level_menu_li_hover.background_image) && $top_level_menu_li_hover.background_image}{$top_level_menu_li_hover.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlmlhbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.background_repeat) && $top_level_menu_li_hover.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_repeat) && $top_level_menu_li_hover.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_repeat) && $top_level_menu_li_hover.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_repeat) && $top_level_menu_li_hover.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.background_position) && $top_level_menu_li_hover.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_top_color) && $top_level_menu_li_hover.border_top_color}{$top_level_menu_li_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_right_color) && $top_level_menu_li_hover.border_right_color}{$top_level_menu_li_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_bottom_color) && $top_level_menu_li_hover.border_bottom_color}{$top_level_menu_li_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_hover.border_left_color) && $top_level_menu_li_hover.border_left_color}{$top_level_menu_li_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_top_style) && $top_level_menu_li_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_right_style) && $top_level_menu_li_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_bottom_style) && $top_level_menu_li_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_hover.border_left_style) && $top_level_menu_li_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_hover.border_top_width) && $top_level_menu_li_hover.border_top_width !=''}{$top_level_menu_li_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_hover.border_right_width) && $top_level_menu_li_hover.border_right_width !=''}{$top_level_menu_li_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_hover.border_bottom_width) && $top_level_menu_li_hover.border_bottom_width !=''}{$top_level_menu_li_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_hover.border_left_width) && $top_level_menu_li_hover.border_left_width !=''}{$top_level_menu_li_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-top-right-radius" value="{if isset($top_level_menu_li_hover.border_top_right_radius) && $top_level_menu_li_hover.border_top_right_radius !=''}{$top_level_menu_li_hover.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-bottom-right-radius" value="{if isset($top_level_menu_li_hover.border_bottom_right_radius) && $top_level_menu_li_hover.border_bottom_right_radius !=''}{$top_level_menu_li_hover.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-bottom-left-radius" value="{if isset($top_level_menu_li_hover.border_bottom_left_radius) && $top_level_menu_li_hover.border_bottom_left_radius !=''}{$top_level_menu_li_hover.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-top-left-radius" value="{if isset($top_level_menu_li_hover.border_top_left_radius) && $top_level_menu_li_hover.border_top_left_radius !=''}{$top_level_menu_li_hover.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_menu_li_hover.box_shadow) && $top_level_menu_li_hover.box_shadow}{$top_level_menu_li_hover.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-menu-li:hover"/>
|
|
<input type="hidden" class="classes" value="top-level-menu-li.sfHover, .jxmegamenu_item.top-level-menu-li.sfHoverForce"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Top level badge' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.color) && $top_level_badge.color}{$top_level_badge.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.background_color) && $top_level_badge.background_color}{$top_level_badge.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlbbgimg" value="{if isset($top_level_menu_li.background_image) && $top_level_menu_li.background_image}{$top_level_menu_li.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlbbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.background_repeat) && $top_level_badge.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_repeat) && $top_level_badge.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_repeat) && $top_level_badge.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_repeat) && $top_level_badge.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.background_position) && $top_level_badge.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_top_color) && $top_level_badge.border_top_color}{$top_level_badge.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_right_color) && $top_level_badge.border_right_color}{$top_level_badge.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_bottom_color) && $top_level_badge.border_bottom_color}{$top_level_badge.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_badge.border_left_color) && $top_level_badge.border_left_color}{$top_level_badge.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_top_style) && $top_level_badge.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_right_style) && $top_level_badge.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_bottom_style) && $top_level_badge.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_badge.border_left_style) && $top_level_badge.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_badge.border_top_width) && $top_level_badge.border_top_width !=''}{$top_level_badge.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_badge.border_right_width) && $top_level_badge.border_right_width !=''}{$top_level_badge.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_badge.border_bottom_width) && $top_level_badge.border_bottom_width !=''}{$top_level_badge.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_badge.border_left_width) && $top_level_badge.border_left_width !=''}{$top_level_badge.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_badge.border_top_right_radius) && $top_level_badge.border_top_right_radius !=''}{$top_level_badge.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_badge.border_bottom_right_radius) && $top_level_badge.border_bottom_right_radius !=''}{$top_level_badge.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_badge.border_bottom_left_radius) && $top_level_badge.border_bottom_left_radius !=''}{$top_level_badge.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_badge.border_top_left_radius) && $top_level_badge.border_top_left_radius !=''}{$top_level_badge.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($top_level_badge.box_shadow) && $top_level_badge.box_shadow}{$top_level_badge.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-badge"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Top level element link' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.color) && $top_level_menu_li_a.color}{$top_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.background_color) && $top_level_menu_li_a.background_color}{$top_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlmlabgimg" value="{if isset($top_level_menu_li_a.background_image) && $top_level_menu_li_a.background_image}{$top_level_menu_li_a.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlmlabgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.background_repeat) && $top_level_menu_li_a.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_repeat) && $top_level_menu_li_a.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_repeat) && $top_level_menu_li_a.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_repeat) && $top_level_menu_li_a.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.background_position) && $top_level_menu_li_a.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_top_color) && $top_level_menu_li_a.border_top_color}{$top_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_right_color) && $top_level_menu_li_a.border_right_color}{$top_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_bottom_color) && $top_level_menu_li_a.border_bottom_color}{$top_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a.border_left_color) && $top_level_menu_li_a.border_left_color}{$top_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_top_style) && $top_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_right_style) && $top_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_bottom_style) && $top_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a.border_left_style) && $top_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_a.border_top_width) && $top_level_menu_li_a.border_top_width !=''}{$top_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_a.border_right_width) && $top_level_menu_li_a.border_right_width !=''}{$top_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_a.border_bottom_width) && $top_level_menu_li_a.border_bottom_width !=''}{$top_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_a.border_left_width) && $top_level_menu_li_a.border_left_width !=''}{$top_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-top-right-radius" value="{if isset($top_level_menu_li_a.border_top_right_radius) && $top_level_menu_li_a.border_top_right_radius !=''}{$top_level_menu_li_a.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-bottom-right-radius" value="{if isset($top_level_menu_li_a.border_bottom_right_radius) && $top_level_menu_li_a.border_bottom_right_radius !=''}{$top_level_menu_li_a.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-bottom-left-radius" value="{if isset($top_level_menu_li_a.border_bottom_left_radius) && $top_level_menu_li_a.border_bottom_left_radius !=''}{$top_level_menu_li_a.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" name="border-top-left-radius" value="{if isset($top_level_menu_li_a.border_top_left_radius) && $top_level_menu_li_a.border_top_left_radius !=''}{$top_level_menu_li_a.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-menu-li-a"/>
|
|
<input type="hidden" class="classes" value="menu-title"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Top level element link' mod='jxmegamenu'}<span>{l s='(hover & active)' mod='jxmegamenu'}</span>
|
|
</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.color) && $top_level_menu_li_a_hover.color}{$top_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.background_color) && $top_level_menu_li_a_hover.background_color}{$top_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="tlmlahbgimg" value="{if isset($top_level_menu_li_a_hover.background_image) && $top_level_menu_li_a_hover.background_image}{$top_level_menu_li_a_hover.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="tlmlahbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_repeat) && $top_level_menu_li_a_hover.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_repeat) && $top_level_menu_li_a_hover.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_repeat) && $top_level_menu_li_a_hover.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_repeat) && $top_level_menu_li_a_hover.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.background_position) && $top_level_menu_li_a_hover.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_top_color) && $top_level_menu_li_a_hover.border_top_color}{$top_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_right_color) && $top_level_menu_li_a_hover.border_right_color}{$top_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_bottom_color) && $top_level_menu_li_a_hover.border_bottom_color}{$top_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($top_level_menu_li_a_hover.border_left_color) && $top_level_menu_li_a_hover.border_left_color}{$top_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_top_style) && $top_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_right_style) && $top_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_bottom_style) && $top_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($top_level_menu_li_a_hover.border_left_style) && $top_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($top_level_menu_li_a_hover.border_top_width) && $top_level_menu_li_a_hover.border_top_width !=''}{$top_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($top_level_menu_li_a_hover.border_right_width) && $top_level_menu_li_a_hover.border_right_width !=''}{$top_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($top_level_menu_li_a_hover.border_bottom_width) && $top_level_menu_li_a_hover.border_bottom_width !=''}{$top_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($top_level_menu_li_a_hover.border_left_width) && $top_level_menu_li_a_hover.border_left_width !=''}{$top_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($top_level_menu_li_a_hover.border_top_right_radius) && $top_level_menu_li_a_hover.border_top_right_radius !=''}{$top_level_menu_li_a_hover.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($top_level_menu_li_a_hover.border_bottom_right_radius) && $top_level_menu_li_a_hover.border_bottom_right_radius !=''}{$top_level_menu_li_a_hover.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($top_level_menu_li_a_hover.border_bottom_left_radius) && $top_level_menu_li_a_hover.border_bottom_left_radius !=''}{$top_level_menu_li_a_hover.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($top_level_menu_li_a_hover.border_top_left_radius) && $top_level_menu_li_a_hover.border_top_left_radius !=''}{$top_level_menu_li_a_hover.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="top-level-menu-li-a:hover"/>
|
|
<input type="hidden" class="classes" value="top-level-menu-li.sfHover > a, .jxmegamenu_item.top-level-menu-li.sfHoverForce > a, .jxmegamenu_item.menu-title.active"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='First level' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.color) && $first_level_menu.color}{$first_level_menu.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.background_color) && $first_level_menu.background_color}{$first_level_menu.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="flmbgimg" value="{if isset($first_level_menu.background_image) && $first_level_menu.background_image}{$first_level_menu.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="flmbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_repeat) && $first_level_menu.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.background_position) && $first_level_menu.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_top_color) && $first_level_menu.border_top_color}{$first_level_menu.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_right_color) && $first_level_menu.border_right_color}{$first_level_menu.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_bottom_color) && $first_level_menu.border_bottom_color}{$first_level_menu.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu.border_left_color) && $first_level_menu.border_left_color}{$first_level_menu.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_top_style) && $first_level_menu.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_right_style) && $first_level_menu.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_bottom_style) && $first_level_menu.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu.border_left_style) && $first_level_menu.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu.border_top_width) && $first_level_menu.border_top_width !=''}{$first_level_menu.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu.border_right_width) && $first_level_menu.border_right_width !=''}{$first_level_menu.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu.border_bottom_width) && $first_level_menu.border_bottom_width !=''}{$first_level_menu.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu.border_left_width) && $first_level_menu.border_left_width !=''}{$first_level_menu.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($first_level_menu.border_top_right_radius) && $first_level_menu.border_top_right_radius !=''}{$first_level_menu.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($first_level_menu.border_bottom_right_radius) && $first_level_menu.border_bottom_right_radius !=''}{$first_level_menu.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($first_level_menu.border_bottom_left_radius) && $first_level_menu.border_bottom_left_radius !=''}{$first_level_menu.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($first_level_menu.border_top_left_radius) && $first_level_menu.border_top_left_radius !=''}{$first_level_menu.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($first_level_menu.box_shadow) && $first_level_menu.box_shadow}{$first_level_menu.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="first-level-menu"/>
|
|
<input type="hidden" class="classes" value="top_menu > ul > li ul.is-simplemenu, .jxmegamenu_item.top_menu > ul > li ul.is-simplemenu ul, .jxmegamenu_item.column_menu > ul > li ul.is-simplemenu, .jxmegamenu_item.column_menu > ul > li ul.is-simplemenu ul"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='First level element' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.color) && $first_level_menu_li.color}{$first_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.background_color) && $first_level_menu_li.background_color}{$first_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_top_color) && $first_level_menu_li.border_top_color}{$first_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_right_color) && $first_level_menu_li.border_right_color}{$first_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_bottom_color) && $first_level_menu_li.border_bottom_color}{$first_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li.border_left_color) && $first_level_menu_li.border_left_color}{$first_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_top_style) && $first_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_right_style) && $first_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_bottom_style) && $first_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li.border_left_style) && $first_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li.border_top_width) && $first_level_menu_li.border_top_width !=''}{$first_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li.border_right_width) && $first_level_menu_li.border_right_width !=''}{$first_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li.border_bottom_width) && $first_level_menu_li.border_bottom_width !=''}{$first_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li.border_left_width) && $first_level_menu_li.border_left_width !=''}{$first_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="first-level-menu-li"/>
|
|
<input type="hidden" class="classes" value="top_menu li > li, .jxmegamenu_item.column_menu li > li"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='First level element link' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.color) && $first_level_menu_li_a.color}{$first_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.background_color) && $first_level_menu_li_a.background_color}{$first_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_top_color) && $first_level_menu_li_a.border_top_color}{$first_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_right_color) && $first_level_menu_li_a.border_right_color}{$first_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_bottom_color) && $first_level_menu_li_a.border_bottom_color}{$first_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a.border_left_color) && $first_level_menu_li_a.border_left_color}{$first_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_top_style) && $first_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_right_style) && $first_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_bottom_style) && $first_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a.border_left_style) && $first_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li_a.border_top_width) && $first_level_menu_li_a.border_top_width !=''}{$first_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li_a.border_right_width) && $first_level_menu_li_a.border_right_width !=''}{$first_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li_a.border_bottom_width) && $first_level_menu_li_a.border_bottom_width !=''}{$first_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li_a.border_left_width) && $first_level_menu_li_a.border_left_width !=''}{$first_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="first-level-menu-li-a"/>
|
|
<input type="hidden" class="classes" value="top_menu li li a, .jxmegamenu_item.column_menu li li a"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='First level element link' mod='jxmegamenu'}
|
|
<span>{l s='(hover & active)' mod='jxmegamenu'}</span></h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.color) && $first_level_menu_li_a_hover.color}{$first_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.background_color) && $first_level_menu_li_a_hover.background_color}{$first_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_top_color) && $first_level_menu_li_a_hover.border_top_color}{$first_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_right_color) && $first_level_menu_li_a_hover.border_right_color}{$first_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_bottom_color) && $first_level_menu_li_a_hover.border_bottom_color}{$first_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($first_level_menu_li_a_hover.border_left_color) && $first_level_menu_li_a_hover.border_left_color}{$first_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_top_style) && $first_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_right_style) && $first_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_bottom_style) && $first_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($first_level_menu_li_a_hover.border_left_style) && $first_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($first_level_menu_li_a_hover.border_top_width) && $first_level_menu_li_a_hover.border_top_width !=''}{$first_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($first_level_menu_li_a_hover.border_right_width) && $first_level_menu_li_a_hover.border_right_width !=''}{$first_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($first_level_menu_li_a_hover.border_bottom_width) && $first_level_menu_li_a_hover.border_bottom_width !=''}{$first_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($first_level_menu_li_a_hover.border_left_width) && $first_level_menu_li_a_hover.border_left_width !=''}{$first_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="first-level-menu-li-a:hover"/>
|
|
<input type="hidden" class="classes" value="top_menu li li.sfHover > a, .jxmegamenu_item.top_menu li li:hover > a, .jxmegamenu_item.top_menu li li.sfHoverForce > a, .jxmegamenu_item.column_menu li li.sfHover > a, .jxmegamenu_item.column_menu li li:hover > a, .jxmegamenu_item.column_menu li li.sfHoverForce > a"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Next level' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.color) && $next_level_menu.color}{$next_level_menu.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.background_color) && $next_level_menu.background_color}{$next_level_menu.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background Image' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input disabled="disabled" data-name="bgimg" class="form-control" name="background-image" id="nlmbgimg" value="{if isset($next_level_menu.background_image) && $next_level_menu.background_image}{$next_level_menu.background_image|escape:'html':'UTF-8'}{/if}"/>
|
|
<span class="input-group-addon"><a href="#" class="clear-image"><span class="icon-remove"></span></a></span>
|
|
<span class="input-group-addon"><a href="#" class="clear-image-none">none</a></span>
|
|
<span class="input-group-addon"><a href="filemanager/dialog.php?type=1&field_id=tlbgimg" data-input-name="nlmbgimg" type="button" class="iframe-btn"><span class="icon-file"></span></a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background settings' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="background-repeat">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'no-repeat'}selected="selected"{/if} value="no-repeat">{l s='no-repeat' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat-x'}selected="selected"{/if} value="repeat-x">{l s='repeat-x' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat-y'}selected="selected"{/if} value="repeat-y">{l s='repeat-y' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_repeat) && $next_level_menu.background_repeat == 'repeat'}selected="selected"{/if} value="repeat">{l s='repeat' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='repeat' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="background-position">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center center'}selected="selected"{/if} value="center center">{l s='center center' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center top'}selected="selected"{/if} value="center top">{l s='center top' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'center bottom'}selected="selected"{/if} value="center bottom">{l s='center bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left top'}selected="selected"{/if} value="left top">{l s='left top' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left center'}selected="selected"{/if} value="left center">{l s='left center' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'left bottom'}selected="selected"{/if} value="left bottom">{l s='left bottom' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right top'}selected="selected"{/if} value="right top">{l s='right top' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right center'}selected="selected"{/if} value="right center">{l s='right center' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.background_position) && $next_level_menu.background_position == 'right bottom'}selected="selected"{/if} value="right bottom">{l s='right bottom' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='position' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_top_color) && $next_level_menu.border_top_color}{$next_level_menu.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_right_color) && $next_level_menu.border_right_color}{$next_level_menu.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_bottom_color) && $next_level_menu.border_bottom_color}{$next_level_menu.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu.border_left_color) && $next_level_menu.border_left_color}{$next_level_menu.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_top_style) && $next_level_menu.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_right_style) && $next_level_menu.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_bottom_style) && $next_level_menu.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu.border_left_style) && $next_level_menu.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu.border_top_width) && $next_level_menu.border_top_width !=''}{$next_level_menu.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu.border_right_width) && $next_level_menu.border_right_width !=''}{$next_level_menu.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu.border_bottom_width) && $next_level_menu.border_bottom_width !=''}{$next_level_menu.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu.border_left_width) && $next_level_menu.border_left_width !=''}{$next_level_menu.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border radius (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-right-radius" value="{if isset($next_level_menu.border_top_right_radius) && $next_level_menu.border_top_right_radius !=''}{$next_level_menu.border_top_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-right-radius" value="{if isset($next_level_menu.border_bottom_right_radius) && $next_level_menu.border_bottom_right_radius !=''}{$next_level_menu.border_bottom_right_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-left-radius" value="{if isset($next_level_menu.border_bottom_left_radius) && $next_level_menu.border_bottom_left_radius !=''}{$next_level_menu.border_bottom_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-left-radius" value="{if isset($next_level_menu.border_top_left_radius) && $next_level_menu.border_top_left_radius !=''}{$next_level_menu.border_top_left_radius|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Box shadow' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-6">
|
|
<input data-name="shdw" class="form-control" name="box-shadow" value="{if isset($next_level_menu.box_shadow) && $next_level_menu.box_shadow}{$next_level_menu.box_shadow|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='example:' mod='jxmegamenu'} 0px 0px 0px 0px
|
|
rgba(0,0,0,0.75)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="next-level-menu"/>
|
|
<input type="hidden" class="classes" value="top_menu > ul > li ul.is-simplemenu ul, .jxmegamenu_item.column_menu > ul > li ul.is-simplemenu ul"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Next level element' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.color) && $next_level_menu_li.color}{$next_level_menu_li.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.background_color) && $next_level_menu_li.background_color}{$next_level_menu_li.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_top_color) && $next_level_menu_li.border_top_color}{$next_level_menu_li.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_right_color) && $next_level_menu_li.border_right_color}{$next_level_menu_li.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_bottom_color) && $next_level_menu_li.border_bottom_color}{$next_level_menu_li.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li.border_left_color) && $next_level_menu_li.border_left_color}{$next_level_menu_li.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_top_style) && $next_level_menu_li.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_right_style) && $next_level_menu_li.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_bottom_style) && $next_level_menu_li.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li.border_left_style) && $next_level_menu_li.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li.border_top_width) && $next_level_menu_li.border_top_width !=''}{$next_level_menu_li.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li.border_right_width) && $next_level_menu_li.border_right_width !=''}{$next_level_menu_li.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li.border_bottom_width) && $next_level_menu_li.border_bottom_width !=''}{$next_level_menu_li.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li.border_left_width) && $next_level_menu_li.border_left_width !=''}{$next_level_menu_li.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="next-level-menu-li"/>
|
|
<input type="hidden" class="classes" value="top_menu li li > li, .jxmegamenu_item.column_menu li li > li"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Next level element link' mod='jxmegamenu'}</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.color) && $next_level_menu_li_a.color}{$next_level_menu_li_a.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.background_color) && $next_level_menu_li_a.background_color}{$next_level_menu_li_a.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_top_color) && $next_level_menu_li_a.border_top_color}{$next_level_menu_li_a.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_right_color) && $next_level_menu_li_a.border_right_color}{$next_level_menu_li_a.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_bottom_color) && $next_level_menu_li_a.border_bottom_color}{$next_level_menu_li_a.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a.border_left_color) && $next_level_menu_li_a.border_left_color}{$next_level_menu_li_a.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_top_style) && $next_level_menu_li_a.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_right_style) && $next_level_menu_li_a.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_bottom_style) && $next_level_menu_li_a.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a.border_left_style) && $next_level_menu_li_a.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li_a.border_top_width) && $next_level_menu_li_a.border_top_width !=''}{$next_level_menu_li_a.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li_a.border_right_width) && $next_level_menu_li_a.border_right_width !=''}{$next_level_menu_li_a.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li_a.border_bottom_width) && $next_level_menu_li_a.border_bottom_width !=''}{$next_level_menu_li_a.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li_a.border_left_width) && $next_level_menu_li_a.border_left_width !=''}{$next_level_menu_li_a.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="next-level-menu-li-a"/>
|
|
<input type="hidden" class="classes" value="top_menu li li li a, .jxmegamenu_item.column_menu li li li a"/>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<h4>{l s='Next level element link' mod='jxmegamenu'}<span>{l s='(hover & active)' mod='jxmegamenu'}</span>
|
|
</h4>
|
|
<div class="fieldset-content-wrapper closed">
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.color) && $next_level_menu_li_a_hover.color}{$next_level_menu_li_a_hover.color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Background color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group">
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="background-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.background_color) && $next_level_menu_li_a_hover.background_color}{$next_level_menu_li_a_hover.background_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border color' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-top-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_top_color) && $next_level_menu_li_a_hover.border_top_color}{$next_level_menu_li_a_hover.border_top_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-right-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_right_color) && $next_level_menu_li_a_hover.border_right_color}{$next_level_menu_li_a_hover.border_right_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-bottom-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_bottom_color) && $next_level_menu_li_a_hover.border_bottom_color}{$next_level_menu_li_a_hover.border_bottom_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="input-group">
|
|
<input type="color" data-hex="true" name="border-left-color" class="form-control color mColorPickerInput" value="{if isset($next_level_menu_li_a_hover.border_left_color) && $next_level_menu_li_a_hover.border_left_color}{$next_level_menu_li_a_hover.border_left_color|escape:'html':'UTF-8'}{/if}"/>
|
|
</div>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border type' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<select name="border-top-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_top_style) && $next_level_menu_li_a_hover.border_top_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-right-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_right_style) && $next_level_menu_li_a_hover.border_right_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-bottom-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_bottom_style) && $next_level_menu_li_a_hover.border_bottom_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<select name="border-left-style">
|
|
<option></option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'solid'}selected="selected"{/if} value="solid">{l s='solid' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'dotted'}selected="selected"{/if} value="dotted">{l s='dotted' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'dashed'}selected="selected"{/if} value="dashed">{l s='dashed' mod='jxmegamenu'}</option>
|
|
<option {if isset($next_level_menu_li_a_hover.border_left_style) && $next_level_menu_li_a_hover.border_left_style == 'double'}selected="selected"{/if} value="double">{l s='double' mod='jxmegamenu'}</option>
|
|
</select>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-lg-2">{l s='Border width (px, em)' mod='jxmegamenu'}</label>
|
|
<div class="col-lg-10">
|
|
<div class="form-group no-indent">
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-top-width" value="{if isset($next_level_menu_li_a_hover.border_top_width) && $next_level_menu_li_a_hover.border_top_width !=''}{$next_level_menu_li_a_hover.border_top_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='top' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-right-width" value="{if isset($next_level_menu_li_a_hover.border_right_width) && $next_level_menu_li_a_hover.border_right_width !=''}{$next_level_menu_li_a_hover.border_right_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='right' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-bottom-width" value="{if isset($next_level_menu_li_a_hover.border_bottom_width) && $next_level_menu_li_a_hover.border_bottom_width !=''}{$next_level_menu_li_a_hover.border_bottom_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='bottom' mod='jxmegamenu'}</p>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<input class="form-control" data-name='px' name="border-left-width" value="{if isset($next_level_menu_li_a_hover.border_left_width) && $next_level_menu_li_a_hover.border_left_width !=''}{$next_level_menu_li_a_hover.border_left_width|escape:'html':'UTF-8'}{/if}"/>
|
|
<p class="help-block no-indent">{l s='left' mod='jxmegamenu'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" class="mainclass" value="next-level-menu-li-a:hover"/>
|
|
<input type="hidden" class="classes" value="top_menu li li li.sfHover > a, .jxmegamenu_item.top_menu li li li:hover > a, .jxmegamenu_item.top_menu li li li.sfHoverForce > a, .jxmegamenu_item.column_menu li li li.sfHover > a, .jxmegamenu_item.column_menu li li li:hover > a, .jxmegamenu_item.column_menu li li li.sfHoverForce > a"/>
|
|
</div>
|
|
</fieldset>
|
|
<input type="hidden" name="cssname" value="{$currentHook|escape:'html':'UTF-8'}_megamenu_custom_styles"/>
|
|
<input type="hidden" name="hookname" value="{$currentHook|escape:'html':'UTF-8'}_menu"/>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer clearfix">
|
|
<button id="generate-styles" class="btn btn-sm btn-success">{l s='Generate styles' mod='jxmegamenu'}</button>
|
|
<button id="reset-styles" class="btn btn-sm btn-danger pull-left">{l s='Reset styles' mod='jxmegamenu'}</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">{l s='Close' mod='jxmegamenu'}</button>
|
|
</div>
|
|
</div>
|
|
<div class="modal-loader"><span class="loader-gif"></span></div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$.fn.mColorPicker.defaults.imageFolder = baseDir + 'img/admin/';
|
|
</script>
|
|
<script type="text/javascript">
|
|
var warning_class_text = '{l s='Not all fields are valid' mod='jxmegamenu'}';
|
|
var theme_url = '{$theme_url}';
|
|
</script> |