File: /home/confeduphaar/backip-old-files/plugins/system/jdbuilder/options/section.xml
<?xml version="1.0" encoding="UTF-8"?>
<element>
<form>
<fields>
<!-- General Options -->
<fieldset name="general" label="JDB_GENERAL_TITLE">
<field type="group" name="layout" label="JDB_LAYOUT_TITLE"></field>
<!-- Layout Options -->
<field type="switch" label="JDB_STRETCH_SECTION_LBL" group="layout" name="stretchSection" description="JDB_STRETCH_SECTION_DESC" default="false">
</field>
<field type="radio" radiotype="buttons" name="contentWidth" label="JDB_CONTENT_WIDTH_LBL" search="false" default="container" group="layout">
<option value="container-fluid">JDB_FLUID_FULL_WIDTH</option>
<option value="container">JDB_CONTAINED_BOXED</option>
<option value="custom">JDB_CUSTOM</option>
</field>
<field type="slider" name="contentWidthCustom" label="JDB_WIDTH" default='{"value":1140,"unit":"px"}' max="2560" min="0" units="px,%,vw" showon="params.contentWidth=='custom'" group="layout" responsive="true">
</field>
<field type="list" name="height" label="JDB_SECTION_HEIGHT_LBL" group="layout" default="" search="false">
<option value="">JDB_INHERIT</option>
<option value="screen-fit">JDB_FITTOSCREEN</option>
<option value="min-height">JDB_MIN_HEIGHT</option>
</field>
<field type="slider" name="minHeight" label="JDB_MIN_HEIGHT" default='{"value":100,"unit":"px"}' max="1440" units="px,vh" showon="params.height=='min-height'" group="layout" responsive="true">
</field>
<field type="list" name="contentPosition" label="JDB_CONTENT_POSITION_LBL" default="" group="layout">
<option value="">JDB_INHERIT</option>
<option value="justify-content-start">JDB_JUSTIFY_CONTENT_START</option>
<option value="justify-content-center">JDB_JUSTIFY_CONTENT_CENTER</option>
<option value="justify-content-end">JDB_JUSTIFY_CONTENT_END</option>
<option value="justify-content-around">JDB_JUSTIFY_CONTENT_AROUND</option>
<option value="justify-content-between">JDB_JUSTIFY_CONTENT_BETWEEN</option>
</field>
<field type="list" name="htmlTag" label="JDB_HTML_TAG" default="" search="true" group="layout">
<option value="">JDB_SECTION_DEFAULT_TAG</option>
<option value="div">JDB_DIV_TAG</option>
<option value="header">JDB_HEADER_TAG</option>
<option value="footer">JDB_FOOTER_TAG</option>
<option value="main">JDB_MAIN_TAG</option>
<option value="article">JDB_ARTICLE_TAG</option>
<option value="section">JDB_SECTION_TAG</option>
<option value="aside">JDB_ASIDE_TAG</option>
<option value="nav">JDB_NAV_TAG</option>
</field>
</fieldset>
<!-- Advanced Options -->
<fieldset name="advanced" ordering="10" label="JDB_ADVANCED_TITLE">
<field type="text" name="adminLabel" label="JDB_FIELD_ADMIN_LABEL" group="info">
</field>
</fieldset>
<!-- Design Options Start -->
<fieldset name="design" ordering="9" label="JDB_DESIGN_TITLE">
<field type="group" ordering="1" name="basic" label="JDB_BASIC_TITLE"></field>
<field type="group" ordering="2" name="background" label="JDB_BACKGROUND"></field>
<field type="group" ordering="3" name="backgroundOverlay" showon="params.background=='video'[OR]params.background=='image'" label="JDB_BACKGROUND_OVERLAY"></field>
<field type="group" ordering="7" name="border" label="JDB_BORDER_LABEL"></field>
<field type="group" ordering="8" name="spacing" label="JDB_SPACING"></field>
<field type="group" ordering="10" name="typography" label="JDB_ELEMENT_TYPOGRAPHY_LBL"></field>
<field type="group" ordering="13" name="code" label="JDB_CUSTOM_CSS_LABEL"></field>
<!-- Basic Options Start -->
<field type="text" name="custom_id" label="JDB_CUSTOM_ID_LABEL" group="basic" default="">
</field>
<field type="text" name="custom_class" label="JDB_CUSTOM_CLASS_LABEL" group="basic" default="">
</field>
<field type="slider" name="zIndex" label="JDB_ZINDEX_LABEL" group="basic" unit="" min="-999" max="999" step="1" default="">
</field>
<!-- Basic Options End -->
<!-- Background Options Start -->
<field type="radio" name="background" label="JDB_BLANK_LABEL" default="none" group="background" radiotype="buttons">
<option value="none">JDB_NONE</option>
<option value="color">JDB_COLOR</option>
<option value="gradient">JDB_BACKGROUND_GRADIENT</option>
<option value="image">JDB_BACKGROUND_IMAGE</option>
<option value="video">JDB_BACKGROUND_VIDEO</option>
</field>
<!-- Background Color -->
<field type="color" name="backgroundColor" label="JDB_BACKGROUND_COLOR" group="background" showon="params.background=='color'[OR]params.background=='image'" default="">
</field>
<!-- Background Gradient -->
<field type="gradient" name="backgroundGradient" label="JDB_BACKGROUND_GRADIENT_LABEL" group="background" showon="params.background=='gradient'" default="">
</field>
<!-- Background Image -->
<field type="image" name="backgroundImage" label="JDB_BACKGROUND_UPLOAD_IMAGE_LABEL" group="background" showon="params.background=='image'" default="">
</field>
<field type="list" name="backgroundRepeat" label="JDB_BACKGROUND_REPEAT_LABEL" group="background" showon="params.background=='image'[AND]params.backgroundImage!=''" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="no-repeat">JDB_BACKGROUND_NO_REPEAT</option>
<option value="repeat-x">JDB_BACKGROUND_REPEAT_X</option>
<option value="repeat-y">JDB_BACKGROUND_REPEAT_Y</option>
<option value="space">JDB_BACKGROUND_REPEAT_SPACE</option>
<option value="round">JDB_BACKGROUND_REPEAT_ROUND</option>
</field>
<field type="list" search="false" name="backgroundSize" label="JDB_BACKGROUND_SIZE_LABEL" group="background" showon="params.background=='image'[AND]params.backgroundImage!=''" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="cover">JDB_BACKGROUND_SIZE_COVER</option>
<option value="contain">JDB_BACKGROUND_SIZE_CONTAIN</option>
</field>
<field type="list" search="false" name="backgroundAttachment" label="JDB_BACKGROUND_ATTACHMENT" group="background" showon="params.background=='image'[AND]params.backgroundImage!=''" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="fixed">JDB_BACKGROUND_FIXED</option>
<option value="scroll">JDB_BACKGROUND_SCROLL</option>
</field>
<field type="list" name="backgroundPosition" label="JDB_BACKGROUND_POSITION_LABEL" group="background" showon="params.background=='image'[AND]params.backgroundImage!=''" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="left top">JDB_BACKGROUND_POSITION_LEFT_TOP</option>
<option value="left center">JDB_BACKGROUND_POSITION_LEFT_CENTER</option>
<option value="left bottom">JDB_BACKGROUND_POSITION_LEFT_BOTTOM</option>
<option value="right top">JDB_BACKGROUND_POSITION_RIGHT_TOP</option>
<option value="right center">JDB_BACKGROUND_POSITION_RIGHT_CENTER</option>
<option value="right bottom">JDB_BACKGROUND_POSITION_RIGHT_BOTTOM</option>
<option value="center top">JDB_BACKGROUND_POSITION_CENTER_TOP</option>
<option value="center center">JDB_BACKGROUND_POSITION_LABEL_CENTER_CENTER</option>
<option value="center bottom">JDB_BACKGROUND_POSITION_CENTER_BOTTOM</option>
</field>
<!-- Background Video -->
<field type="video" label="JDB_UPLOAD_VIDEO" name="backgroundVideoMedia" showon="params.background=='video'" group="background" default="">
</field>
<!-- Background Options End -->
<!-- Background Overlay Options Start -->
<field type="alert" label="warning" showon="params.background!='video'[AND]params.background!='image'" description="JDB_BACKGROUND_OVERLAY_MESSAGE" group="backgroundOverlay">
</field>
<field type="slider" name="backgroundOverlayOpacity" showon="params.background=='video'[OR]params.background=='image'" label="JDB_OPACITY" group="backgroundOverlay" unit="%" default="50">
</field>
<field type="color" name="backgroundOverlayColor" label="JDB_OVERLAY_COLOR" group="backgroundOverlay" showon="params.background=='video'[OR]params.background=='image'" default="">
</field>
<field type="image" name="backgroundOverlayImage" label="JDB_OVERLAY_IMAGE_LABEL" group="backgroundOverlay" showon="params.background=='video'[OR]params.background=='image'" default="">
</field>
<field type="list" name="backgroundOverlayRepeat" label="JDB_BACKGROUND_REPEAT_LABEL" group="backgroundOverlay" showon="(params.background=='video'[OR]params.background=='image')[AND](params.backgroundOverlayImage!='')" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="no-repeat">JDB_BACKGROUND_NO_REPEAT</option>
<option value="repeat-x">JDB_BACKGROUND_REPEAT_X</option>
<option value="repeat-y">JDB_BACKGROUND_REPEAT_Y</option>
<option value="space">JDB_BACKGROUND_REPEAT_SPACE</option>
<option value="round">JDB_BACKGROUND_REPEAT_ROUND</option>
</field>
<field type="list" search="false" name="backgroundOverlaySize" label="JDB_BACKGROUND_SIZE_LABEL" group="backgroundOverlay" showon="(params.background=='video'[OR]params.background=='image')[AND](params.backgroundOverlayImage!='')" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="cover">JDB_BACKGROUND_SIZE_COVER</option>
<option value="contain">JDB_BACKGROUND_SIZE_CONTAIN</option>
<option value="custom">JDB_CUSTOM</option>
</field>
<field type="slider" name="backgroundOverlayWidth" label="JDB_BACKGROUND_OVERLAY_WIDTH" default='{"value":100,"unit":"%"}' max="1600" min="0" units="px,%,vw" showon="params.backgroundOverlaySize=='custom'" group="backgroundOverlay" responsive="true">
</field>
<field type="list" search="false" name="backgroundOverlayAttachment" label="JDB_BACKGROUND_ATTACHMENT" group="backgroundOverlay" showon="(params.background=='video'[OR]params.background=='image')[AND](params.backgroundOverlayImage!='')" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="fixed">JDB_BACKGROUND_FIXED</option>
<option value="scroll">JDB_BACKGROUND_SCROLL</option>
</field>
<field type="list" name="backgroundOverlayPosition" label="JDB_BACKGROUND_POSITION_LABEL" group="backgroundOverlay" showon="(params.background=='video'[OR]params.background=='image')[AND](params.backgroundOverlayImage!='')" width="6" default="">
<option value="">JDB_INHERIT</option>
<option value="left top">JDB_BACKGROUND_POSITION_LEFT_TOP</option>
<option value="left center">JDB_BACKGROUND_POSITION_LEFT_CENTER</option>
<option value="left bottom">JDB_BACKGROUND_POSITION_LEFT_BOTTOM</option>
<option value="right top">JDB_BACKGROUND_POSITION_RIGHT_TOP</option>
<option value="right center">JDB_BACKGROUND_POSITION_RIGHT_CENTER</option>
<option value="right bottom">JDB_BACKGROUND_POSITION_RIGHT_BOTTOM</option>
<option value="center top">JDB_BACKGROUND_POSITION_CENTER_TOP</option>
<option value="center center">JDB_BACKGROUND_POSITION_LABEL_CENTER_CENTER</option>
<option value="center bottom">JDB_BACKGROUND_POSITION_CENTER_BOTTOM</option>
<option value="custom">JDB_CUSTOM</option>
</field>
<field type="slider" name="backgroundOverlayXPosition" label="JDB_BACKGROUND_OVERLAY_X_POSITION" default='{"value":0,"unit":"px"}' max="1600" min="-1600" units="px,%,vw" showon="params.backgroundOverlayPosition=='custom'" group="backgroundOverlay" responsive="true">
</field>
<field type="slider" name="backgroundOverlayYPosition" label="JDB_BACKGROUND_OVERLAY_Y_POSITION" default='{"value":0,"unit":"px"}' max="1600" min="-1600" units="px,%,vh" showon="params.backgroundOverlayPosition=='custom'" group="backgroundOverlay" responsive="true">
</field>
<!-- Background Overlay Options End -->
<!-- Border Options Start -->
<field type="fieldsgroup" name="border" filename="border" group="border">
</field>
<!-- Border Options End -->
<!-- Spacing Options STart -->
<field type="spacing" name="margin" label="JDB_SPACING_MARGIN_LABEL" group="spacing" default='{"unit":"px","top":"","lock":1,"left":"","right":"","bottom":""}' responsive="true">
</field>
<field type="spacing" name="padding" min="0" label="JDB_PADDING" group="spacing" default='{"unit":"px","top":"","lock":1,"left":"","right":"","bottom":""}' responsive="true">
</field>
<!-- Spacing Options End -->
<!-- Typography Options Start -->
<field type="fieldsgroup" name="typography" filename="default-typography" group="typography">
</field>
<!-- Typography Options End -->
<!-- Custom CSS Options Start -->
<field type="code-editor" name="custom_css" label="JDB_CUSTOM_CSS_LABEL" group="code" language="css" default="" responsive="true">
</field>
<!-- Custom CSS Options End -->
</fieldset>
<!-- Design Options End -->
</fields>
</form>
</element>