Your IP : 216.73.216.84
<?xml version="1.0" encoding="UTF-8"?>
<element>
<title>ASTROID_WIDGET_IMAGE_CAROUSEL_LABEL</title>
<description>ASTROID_WIDGET_IMAGE_CAROUSEL_DESC</description>
<icon>as-icon as-icon-wall2</icon>
<category>ASTROID_ELEMENT_CATEGORY_MEDIA</category>
<element_type>widget</element_type>
<form>
<fields>
<fieldset name="general-settings" label="TPL_ASTROID_GENERAL_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
<field type="astroidgroup" name="column_options" title="ASTROID_WIDGET_COLUMN_OPTIONS_LABEL"/>
<field type="astroidgroup" name="slider_options" title="ASTROID_WIDGET_SLIDER_OPTIONS_LABEL"/>
<field type="astroidgroup" name="image_options" title="ASTROID_WIDGET_IMAGE_OPTIONS_LABEL"/>
<field type="astroidgroup" name="overlay_options" title="ASTROID_WIDGET_OVERLAY_OPTIONS_LABEL"/>
<field type="astroidgroup" name="title_options" title="ASTROID_WIDGET_TITLE_OPTIONS_LABEL"/>
<field astroidgroup="general" name="images" type="astroidsubform" label="ASTROID_WIDGET_IMAGES_LABEL">
<form>
<fields>
<fieldset name="general-settings" label="TPL_ASTROID_GENERAL_SETTINGS_LABEL">
<field type="astroidtext" class="form-control" label="JGLOBAL_TITLE" name="title"/>
<field name="image" type="astroidmedia" label="TPL_ASTROID_SELECT_IMAGE"/>
<field description="ASTROID_WIDGET_IMAGE_USE_LINK_DESC" name="use_link" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_USE_LINK_LABEL"/>
<field ngShow="[use_link]==1" type="astroidtext" label="ASTROID_WIDGET_LINK_LABEL" description="ASTROID_WIDGET_IMAGE_LINK_DESC" name="link" hint="https://astroidframe.work/"/>
</fieldset>
</fields>
</form>
</field>
<field astroidgroup="column_options" name="column_responsive" type="astroidradio" width="full" default="lg">
<option value="xxl">ASTROID_WIDGET_XXL_ICON</option>
<option value="xl">ASTROID_WIDGET_XL_ICON</option>
<option value="lg">ASTROID_WIDGET_LG_ICON</option>
<option value="md">ASTROID_WIDGET_MD_ICON</option>
<option value="sm">ASTROID_WIDGET_SM_ICON</option>
<option value="xs">ASTROID_WIDGET_XS_ICON</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xxl'" type="astroidlist" name="xxl_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xl'" type="astroidlist" name="xl_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='lg'" type="astroidlist" name="lg_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='md'" type="astroidlist" name="md_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='sm'" type="astroidlist" name="sm_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xs'" type="astroidlist" name="xs_column" label="ASTROID_WIDGET_SLIDES_TO_SHOW" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xxl'" type="astroidlist" name="xxl_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xl'" type="astroidlist" name="xl_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='lg'" type="astroidlist" name="lg_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='md'" type="astroidlist" name="md_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='sm'" type="astroidlist" name="sm_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xs'" type="astroidlist" name="xs_slidesPerGroup" label="ASTROID_WIDGET_SLIDES_PER_GROUP" default="1">
<option value="">JGLOBAL_INHERIT</option>
<option value="1">ASTROID_WIDGET_1_COLUMN</option>
<option value="2">ASTROID_WIDGET_2_COLUMNS</option>
<option value="3">ASTROID_WIDGET_3_COLUMNS</option>
<option value="4">ASTROID_WIDGET_4_COLUMNS</option>
<option value="5">ASTROID_WIDGET_5_COLUMNS</option>
<option value="6">ASTROID_WIDGET_6_COLUMNS</option>
<option value="auto">ASTROID_WIDGET_AUTO_COLUMNS</option>
</field>
<field astroidgroup="column_options" ngShow="[column_responsive]=='xxl'" name="gutter_xxl" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_XXL_LABEL" postfix="px" />
<field astroidgroup="column_options" ngShow="[column_responsive]=='xl'" name="gutter_xl" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_XL_LABEL" postfix="px" />
<field astroidgroup="column_options" ngShow="[column_responsive]=='lg'" name="gutter_lg" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_LG_LABEL" postfix="px" />
<field astroidgroup="column_options" ngShow="[column_responsive]=='md'" name="gutter_md" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_MD_LABEL" postfix="px" />
<field astroidgroup="column_options" ngShow="[column_responsive]=='sm'" name="gutter_sm" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_SM_LABEL" postfix="px" />
<field astroidgroup="column_options" ngShow="[column_responsive]=='xs'" name="gutter_xs" type="astroidrange" min="0" max="100" step="1" default="10" label="ASTROID_ROW_GUTTER_XS_LABEL" postfix="px" />
<field astroidgroup="column_options" name="column_alignment" label="ASTROID_WIDGET_COLUMN_ALIGNMENT" type="astroidradio" width="full" default="">
<option value="">ASTROID_WIDGET_TOP_ICON</option>
<option value="align-items-center">ASTROID_WIDGET_MIDDLE_ICON</option>
<option value="align-items-end">ASTROID_WIDGET_BOTTOM_ICON</option>
</field>
<field astroidgroup="slider_options" name="slider_autoplay" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_AUTOPLAY"/>
<field astroidgroup="slider_options" ngShow="[slider_autoplay]==1" name="interval" type="astroidrange" min="0" max="10" step="1" default="3" label="ASTROID_WIDGET_INTERVAL" postfix="seconds" />
<field astroidgroup="slider_options" name="speed" type="astroidrange" min="0" max="10" step="0.5" default="1" label="ASTROID_WIDGET_SWIPER_SPEED" postfix="seconds" />
<field astroidgroup="slider_options" name="freemode" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_SWIPER_FREEMODE"/>
<field astroidgroup="slider_options" name="loop" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_SWIPER_LOOP"/>
<field astroidgroup="slider_options" name="slider_nav" type="astroidradio" astroid-switch="true" default="1" label="ASTROID_WIDGET_NAVIGATION"/>
<field astroidgroup="slider_options" name="slider_dotnav" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_DOT_NAVIGATION"/>
<field astroidgroup="slider_options" name="slider_scrollbar" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_SLIDE_SROLLBAR"/>
<field astroidgroup="slider_options" name="direction" type="astroidlist" label="ASTROID_WIDGET_SWIPER_DIRECTION" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="ltr">ASTROID_WIDGET_DIRECTION_LTR</option>
<option value="rtl">ASTROID_WIDGET_DIRECTION_RTL</option>
</field>
<field astroidgroup="image_options" name="enable_image_cover" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_ENABLE_IMAGE_COVER"/>
<field astroidgroup="image_options" ngShow="[enable_image_cover]==1" name="min_height" type="astroidrange" min="1" max="1000" step="1" default="200" label="ASTROID_WIDGET_MIN_HEIGHT" postfix="px" />
<field astroidgroup="image_options" ngShow="[enable_image_cover]==1" type="astroidtext" class="form-control" label="JFIELD_MEDIA_HEIGHT_LABEL" name="height"/>
<field astroidgroup="image_options" name="btn_border_radius" type="astroidlist" label="ASTROID_WIDGET_BORDER_RADIUS_LABEL" default="">
<option value="">ASTROID_NONE</option>
<option value="rounded">TPL_ASTROID_ICON_STYLE_ROUNDED</option>
<option value="rounded-circle">TPL_ASTROID_ICON_STYLE_CIRCLE</option>
<option value="rounded-pill">TPL_ASTROID_ICON_STYLE_PILL</option>
</field>
<field astroidgroup="image_options" ngShow="[btn_border_radius]=='rounded'" type="astroidlist" name="rounded_size" label="ASTROID_WIDGET_ROUNDED_SIZE_LABEL" default="3">
<option value="1">X-Small</option>
<option value="2">Small</option>
<option value="3">Medium</option>
<option value="4">Large</option>
<option value="5">X-Large</option>
</field>
<field astroidgroup="image_options" name="box_shadow" type="astroidlist" label="ASTROID_WIDGET_BOX_SHADOW_LABEL" default="">
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="shadow-none">ASTROID_WIDGET_SHADOW_NONE</option>
<option value="shadow-sm">ASTROID_WIDGET_SHADOW_SMALL</option>
<option value="shadow">ASTROID_WIDGET_SHADOW_REGULAR</option>
<option value="shadow-lg">ASTROID_WIDGET_SHADOW_LARGE</option>
</field>
<field astroidgroup="image_options" name="hover_effect" type="astroidlist" label="ASTROID_WIDGET_HOVER_EFFECT_LABEL" default="">
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="light-up">ASTROID_WIDGET_EFFECT_LIGHT_UP</option>
<option value="flash">ASTROID_WIDGET_EFFECT_FLASH</option>
<option value="unveil">ASTROID_WIDGET_EFFECT_UNVEIL</option>
</field>
<field astroidgroup="title_options" name="title_html_element" type="astroidlist" label="ASTROID_WIDGET_HTML_ELEMENT_LABEL" default="h3">
<option value="h1">h1</option>
<option value="h2">h2</option>
<option value="h3">h3</option>
<option value="h4">h4</option>
<option value="h5">h5</option>
<option value="h6">h6</option>
<option value="div">div</option>
</field>
<field astroidgroup="title_options" name="title_font_style" label="ASTROID_WIDGET_FONT_STYLES_LABEL" type="astroidtypography" columns="1" preview="false"/>
<field astroidgroup="overlay_options" name="overlay_position" type="astroidlist" label="ASTROID_WIDGET_OVERLAY_POSITION_LABEL" default="justify-content-center align-items-center">
<option value="justify-content-start align-items-start">ASTROID_WIDGET_TOP_LEFT</option>
<option value="justify-content-center align-items-start">ASTROID_WIDGET_TOP_CENTER</option>
<option value="justify-content-end align-items-start">ASTROID_WIDGET_TOP_RIGHT</option>
<option value="justify-content-start align-items-center">ASTROID_WIDGET_CENTER_LEFT</option>
<option value="justify-content-center align-items-center">ASTROID_WIDGET_CENTER_CENTER</option>
<option value="justify-content-end align-items-center">ASTROID_WIDGET_CENTER_RIGHT</option>
<option value="justify-content-start align-items-end">ASTROID_WIDGET_BOTTOM_LEFT</option>
<option value="justify-content-center align-items-end">ASTROID_WIDGET_BOTTOM_CENTER</option>
<option value="justify-content-end align-items-end">ASTROID_WIDGET_BOTTOM_RIGHT</option>
</field>
<field astroidgroup="overlay_options" name="overlay_type" type="astroidradio" width="full" default="">
<option value="">ASTROID_NONE</option>
<option value="color">TPL_ASTROID_COLOR</option>
<option value="background-color">TPL_ASTROID_GRADIENT</option>
</field>
<field astroidgroup="overlay_options" ngShow="[overlay_type]=='color'" name="overlay_color" type="astroidcolor" label="ASTROID_WIDGET_OVERLAY_COLOR" />
<field astroidgroup="overlay_options" ngShow="[overlay_type]=='background-color'" name="overlay_gradient" type="astroidgradient" label="ASTROID_WIDGET_OVERLAY_GRADIENT"/>
<field astroidgroup="overlay_options" type="astroidlist" name="overlay_padding" label="ASTROID_WIDGET_OVERLAY_PADDING_LABEL" default="3">
<option value="0">ASTROID_NONE</option>
<option value="1">ASTROID_SMALL</option>
<option value="2">ASTROID_MEDIUM</option>
<option value="3">ASTROID_LARGE</option>
<option value="4">ASTROID_EXTRA_LARGE</option>
<option value="5">ASTROID_EXTRA_EXTRA_LARGE</option>
<option value="custom">ASTROID_WIDGET_CUSTOM</option>
</field>
<field astroidgroup="overlay_options" ngShow="[overlay_padding]=='custom'" name="overlay_custom_padding" type="astroidspacing" label="ASTROID_WIDGET_PADDING_LABEL" />
</fieldset>
<fieldset name="assignment-settings" label="TPL_ASTROID_ASSIGNMENT_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields" articleData="false">
<field type="astroidlist" name="assignment_type" label="ASTROID_WIDGET_ASSIGN" default="1">
<option value="1">ASTROID_WIDGET_ON_ALL_PAGES</option>
<option value="0">ASTROID_WIDGET_NO_PAGES</option>
<option value="2">ASTROID_WIDGET_SELECTED_PAGES</option>
</field>
<field ngShow="[assignment_type]==2" type="astroidassignment" label="ASTROID_ASSIGN_TO_MENU_ITEM" name="assignment"/>
</fieldset>
</fields>
</form>
</element>