Your IP : 216.73.217.112
name: Search/Login
description: Search/Login.
type: particle
form:
fields:
enabled:
type: input.checkbox
label: Enabled
description: Globally enable Search/Login particles.
default: true
_note:
type: separator.note
class: alert alert-info
content: '<strong>This Particle requires the "UIkit for Gantry5" Atom to be loaded.</strong><br /><br />Displays search, login and offcanvas buttons in your layout.<br />This particle is designed to be used in the Navigation section only, in the Medical template.<br /><br /><strong>Joomla:</strong> Go to the Module Manager and make sure your Search module is published in the "<strong>header-search</strong>" position and your Login module in the "<strong>modal-login</strong>" position.<br /><br />Once you enable <strong>"Offcanvas Toggle"</strong>, it hides the original toggle button.'
display:
type: container.set
label: Enable
fields:
.search:
type: enable.enable
label: Search
default: 1
.login:
type: enable.enable
label: Login
default: 1
.offcanvas:
type: enable.enable
label: Offcanvas Toggle
default: 1
search:
type: container.set
label: Search
fields:
.icon:
type: input.icon
label: Icon
description: Select the icon for the Search button.
default: 'fa fa-search'
.text:
type: input.text
label: Text
description: Type in the text for the Search button.
placeholder: Search
.menusection:
type: input.text
description: Type in the ID of the section your Main Menu is placed in. It would usually be '#g-navigation' or '#g-header'.
label: Menu Section ID
placeholder: '#g-navigation'
default: '#g-navigation'
.bgcolor:
type: input.colorpicker
description: Select the Background Color for the Search element. You would usually want it to be the same as the background color of the section where the Menu is placed in.
label: Background Color
default: "#ffffff"
.textcolor:
type: input.colorpicker
description: Select the Text Color for the Search element. You would usually want it to be the same as the text color of the section where the Menu is placed in.
label: Text Color
default: "#252d37"
login:
type: container.set
label: Login
fields:
.icon:
type: input.icon
label: Icon
description: Select the icon for the Login button.
default: 'fa fa-user'
.text:
type: input.text
label: Text
description: Type in the text for the Login button.
placeholder: Login
.width:
type: input.text
label: Width
description: Enter the modal window width in pixels. The default value is '350px'.
default: 350px
.links:
type: select.select
label: Additional Links
description: Select if the additional links at the bottom should be shown.
placeholder: 'Select...'
default: show
options:
show: Show
hide: Hide
offcanvas:
type: container.set
label: Offcanvas
fields:
.icon:
type: input.icon
label: Icon
description: Select the icon for the Offcanvas Toggle button.
default: 'fa fa-bars'
.text:
type: input.text
label: Text
description: Type in the text for the Offcanvas Toggle button.
placeholder: Offcanvas
css.class:
type: input.selectize
label: CSS Classes
description: CSS class name for the particle.
default:
extra:
type: collection.keyvalue
label: Tag Attributes
description: Extra Tag attributes.
key_placeholder: Key (data-*, style, ...)
value_placeholder: Value
exclude: ['id', 'class']