Your IP : 216.73.216.84
<?xml version="1.0" encoding="UTF-8"?>
<element>
<title>ASTROID_WIDGET_GRID_LABEL</title>
<description>ASTROID_WIDGET_GRID_DESC</description>
<icon>as-icon as-icon-profile</icon>
<category>ASTROID_ELEMENT_CATEGORY_UTILITY</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="grid_options" title="ASTROID_WIDGET_GRID_OPTIONS_LABEL"/>
<field type="astroidgroup" name="card_options" title="ASTROID_WIDGET_CARD_OPTIONS_LABEL"/>
<field type="astroidgroup" name="icon_options" title="ASTROID_WIDGET_ICON_OPTIONS_LABEL"/>
<field type="astroidgroup" name="image_options" title="ASTROID_WIDGET_IMAGE_OPTIONS_LABEL"/>
<field type="astroidgroup" name="title_options" title="ASTROID_WIDGET_TITLE_OPTIONS_LABEL"/>
<field type="astroidgroup" name="meta_options" title="ASTROID_WIDGET_META_OPTIONS_LABEL"/>
<field type="astroidgroup" name="content_options" title="ASTROID_WIDGET_CONTENT_OPTIONS_LABEL"/>
<field type="astroidgroup" name="readmore_options" title="ASTROID_WIDGET_READMORE_OPTIONS_LABEL"/>
<field astroidgroup="general" name="grids" type="astroidsubform" label="ASTROID_WIDGET_GRIDS_LABEL">
<form>
<fields>
<fieldset name="general-settings" label="TPL_ASTROID_GENERAL_SETTINGS_LABEL">
<field type="astroidlist" label="ASTROID_WIDGET_MEDIA_TYPE" name="type" default="">
<option value="">ASTROID_NONE</option>
<option value="icon">TPL_ASTROID_BASIC_ICON_LABEL</option>
<option value="image">ASTROID_IMAGE</option>
</field>
<field ngShow="[type]=='icon'" type="astroidlist" label="ASTROID_WIDGET_ICON_TYPE" name="icon_type" default="fontawesome">
<option value="fontawesome">TPL_ASTROID_FONTAWESOME</option>
<option value="astroid">TPL_ASTROID_ASTROID_ICONS</option>
<option value="custom">ASTROID_WIDGET_CUSTOM</option>
</field>
<field ngShow="[type]=='icon' AND [icon_type]=='fontawesome'" type="astroidicons" label="ASTROID_WIDGET_ICON_LABEL" name="fa_icon"/>
<field ngShow="[type]=='icon' AND [icon_type]=='astroid'" type="astroidicons" source="astroid" label="ASTROID_WIDGET_ICON_LABEL" name="as_icon"/>
<field ngShow="[type]=='icon' AND [icon_type]=='custom'" type="astroidtext" label="ASTROID_WIDGET_CUSTOM_ICON_CLASS" name="custom_icon"/>
<field ngShow="[type]=='image'" name="image" type="astroidmedia" label="TPL_ASTROID_SELECT_IMAGE"/>
<field type="astroidtext" label="JGLOBAL_TITLE" name="title"/>
<field type="astroidtext" label="ASTROID_WIDGET_META" name="meta"/>
<field type="astroideditor" label="ASTROID_SHORTCUT_DESCRIPTION_LABEL" name="description"/>
<field type="astroidtext" label="ASTROID_WIDGET_LINK_LABEL" name="link" hint="https://astroidframe.work"/>
<field ngShow="[link]!=''" type="astroidtext" label="ASTROID_WIDGET_LINK_TEXT_LABEL" name="link_title" hint="View More"/>
<field ngShow="[link]!=''" type="astroidlist" name="link_target" label="ASTROID_WIDGET_LINK_TARGET_LABEL" default="">
<option value="">Default</option>
<option value="_blank">New Window</option>
<option value="_parent">Parent Frame</option>
<option value="_top">Full body of the window</option>
</field>
<field name="enable_background_image" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_ENABLE_BACKGROUND_IMAGE"/>
<field ngShow="[enable_background_image]==1" name="background_image" type="astroidmedia" label="TPL_ASTROID_BACKGROUND_IMAGE_LABEL"/>
<field ngShow="[enable_background_image]==1" name="background_repeat" type="astroidlist" label="TPL_ASTROID_BACKGROUND_REPEAT_LABEL">
<option value="">JGLOBAL_INHERIT</option>
<option value="no-repeat">TPL_ASTROID_BACKGROUND_NO_REPEAT_LABEL</option>
<option value="repeat-x">TPL_ASTROID_BACKGROUND_REPEAT_HORIZONTALLY_LABEL</option>
<option value="repeat-y">TPL_ASTROID_BACKGROUND_REPEAT_VERTICAL_LABEL</option>
</field>
<field ngShow="[enable_background_image]==1" name="background_size" type="astroidlist" label="ASTROID_BACKGROUND_SIZE">
<option value="">JGLOBAL_INHERIT</option>
<option value="cover">ASTROID_BACKGROUND_SIZE_COVER</option>
<option value="contain">ASTROID_BACKGROUND_SIZE_CONTAIN</option>
</field>
<field ngShow="[enable_background_image]==1" name="background_attchment" type="astroidlist" label="ASTROID_BACKGROUND_ATTCHMENT">
<option value="">JGLOBAL_INHERIT</option>
<option value="scroll">ASTROID_BACKGROUND_ATTCHMENT_SCROLL</option>
<option value="fixed">ASTROID_BACKGROUND_ATTCHMENT_FIXED</option>
</field>
<field ngShow="[enable_background_image]==1" name="background_position" type="astroidlist" label="ASTROID_BACKGROUND_POSITION_LABEL">
<option value="">JGLOBAL_INHERIT</option>
<option value="left top">ASTROID_BACKGROUND_POSITION_LEFT_TOP</option>
<option value="left center">ASTROID_BACKGROUND_POSITION_LEFT_CENTER</option>
<option value="left bottom">ASTROID_BACKGROUND_POSITION_LEFT_BOTTOM</option>
<option value="right top">ASTROID_BACKGROUND_POSITION_RIGHT_TOP</option>
<option value="right center">ASTROID_BACKGROUND_POSITION_RIGHT_CENTER</option>
<option value="right bottom">ASTROID_BACKGROUND_POSITION_RIGHT_BOTTOM</option>
<option value="center top">ASTROID_BACKGROUND_POSITION_CENTER_TOP</option>
<option value="center center">ASTROID_BACKGROUND_POSITION_CENTER_CENTER</option>
<option value="center bottom">ASTROID_BACKGROUND_POSITION_CENTER_BOTTOM</option>
</field>
</fieldset>
</fields>
</form>
</field>
<field astroidgroup="grid_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="grid_options" ngShow="[column_responsive]=='xxl'" type="astroidlist" name="xxl_column" label="ASTROID_WIDGET_XXL_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='xl'" type="astroidlist" name="xl_column" label="ASTROID_WIDGET_XL_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='lg'" type="astroidlist" name="lg_column" label="ASTROID_WIDGET_LG_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='md'" type="astroidlist" name="md_column" label="ASTROID_WIDGET_MD_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='sm'" type="astroidlist" name="sm_column" label="ASTROID_WIDGET_SM_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='xs'" type="astroidlist" name="xs_column" label="ASTROID_WIDGET_XS_COLUMN" 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>
</field>
<field astroidgroup="grid_options" ngShow="[column_responsive]=='xxl'" type="astroidlist" name="row_gutter_xxl" label="ASTROID_WIDGET_ROW_GUTTER_XXL_LABEL" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='xl'" type="astroidlist" name="row_gutter_xl" label="ASTROID_WIDGET_ROW_GUTTER_XL_LABEL" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='lg'" type="astroidlist" name="row_gutter_lg" label="ASTROID_WIDGET_ROW_GUTTER_LG_LABEL" default="4">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='md'" type="astroidlist" name="row_gutter_md" label="ASTROID_WIDGET_ROW_GUTTER_MD_LABEL" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='sm'" type="astroidlist" name="row_gutter_sm" label="ASTROID_WIDGET_ROW_GUTTER_SM_LABEL" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='xs'" type="astroidlist" name="row_gutter" label="ASTROID_WIDGET_ROW_GUTTER_LABEL" default="3">
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='xxl'" type="astroidlist" name="column_gutter_xxl" label="ASTROID_WIDGET_COLUMN_GUTTER_XXL_LABEL" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='xl'" type="astroidlist" name="column_gutter_xl" label="ASTROID_WIDGET_COLUMN_GUTTER_XL_LABEL" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='lg'" type="astroidlist" name="column_gutter_lg" label="ASTROID_WIDGET_COLUMN_GUTTER_LG_LABEL" default="4">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='md'" type="astroidlist" name="column_gutter_md" label="ASTROID_WIDGET_COLUMN_GUTTER_MD_LABEL" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='sm'" type="astroidlist" name="column_gutter_sm" label="ASTROID_WIDGET_COLUMN_GUTTER_SM_LABEL" default="3">
<option value="">JGLOBAL_INHERIT</option>
<option value="0">Collapse</option>
<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="grid_options" ngShow="[column_responsive]=='xs'" type="astroidlist" name="column_gutter" label="ASTROID_WIDGET_COLUMN_GUTTER_LABEL" default="3">
<option value="0">Collapse</option>
<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="grid_options" name="use_masonry" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_USE_MASONRY"/>
<field astroidgroup="card_options" type="astroidlist" name="card_style" label="ASTROID_WIDGET_CARD_STYLE_LABEL" default="">
<option value="">Default</option>
<option value="primary">Primary</option>
<option value="secondary">Secondary</option>
<option value="success">Success</option>
<option value="danger">Danger</option>
<option value="warning">Warning</option>
<option value="info">Info</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="none">None</option>
<option value="custom">ASTROID_WIDGET_CUSTOM</option>
</field>
<field astroidgroup="card_options" ngShow="[card_style]=='custom'" name="text_color" type="astroidcolor" label="TPL_ASTROID_TEXT_COLOR_LABEL" />
<field astroidgroup="card_options" ngShow="[card_style]=='custom'" name="bg_color" type="astroidcolor" label="TPL_ASTROID_BACKGROUND_COLOR_LABEL" />
<field astroidgroup="card_options" ngShow="[card_style]=='custom'" name="card_border" type="astroidborder" label="ASTROID_WIDGET_BORDER_LABEL" />
<field astroidgroup="card_options" type="astroidlist" name="card_size" label="ASTROID_WIDGET_CARD_SIZE_LABEL" default="">
<option value="none">ASTROID_NONE</option>
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="small">ASTROID_SMALL</option>
<option value="large">ASTROID_LARGE</option>
<option value="custom">ASTROID_WIDGET_CUSTOM</option>
</field>
<field astroidgroup="card_options" ngShow="[card_size]=='custom'" name="card_padding" type="astroidspacing" label="ASTROID_WIDGET_PADDING_LABEL" />
<field astroidgroup="card_options" type="astroidlist" name="card_border_radius" label="ASTROID_WIDGET_CARD_BORDER_RADIUS_LABEL" default="">
<option value="">TPL_ASTROID_ICON_STYLE_ROUNDED</option>
<option value="0">TPL_ASTROID_ICON_STYLE_SQUARE</option>
<option value="circle">TPL_ASTROID_ICON_STYLE_CIRCLE</option>
<option value="pill">TPL_ASTROID_ICON_STYLE_PILL</option>
</field>
<field astroidgroup="card_options" ngShow="[card_border_radius]==''" type="astroidlist" name="card_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="card_options" type="astroidlist" name="media_position" label="ASTROID_WIDGET_MEDIA_POSITION_LABEL" default="inside">
<option value="top">ASTROID_TOP</option>
<option value="left">ASTROID_LEFT</option>
<option value="bottom">ASTROID_BOTTOM</option>
<option value="right">ASTROID_RIGHT</option>
<option value="inside">ASTROID_INSIDE</option>
</field>
<field astroidgroup="card_options" ngShow="[media_position]=='left' OR [media_position]=='right'" name="media_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="card_options" ngShow="[media_column_responsive]=='xxl' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="xxl_column_media" label="ASTROID_WIDGET_XXL_COLUMN_IMAGE_WIDTH" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_column_responsive]=='xl' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="xl_column_media" label="ASTROID_WIDGET_XL_COLUMN_IMAGE_WIDTH" default="">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_column_responsive]=='lg' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="lg_column_media" label="ASTROID_WIDGET_LG_COLUMN_IMAGE_WIDTH" default="4">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_column_responsive]=='md' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="md_column_media" label="ASTROID_WIDGET_MD_COLUMN_IMAGE_WIDTH" default="12">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_column_responsive]=='sm' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="sm_column_media" label="ASTROID_WIDGET_SM_COLUMN_IMAGE_WIDTH" default="12">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_column_responsive]=='xs' AND ([media_position]=='left' OR [media_position]=='right')" type="astroidlist" name="xs_column_media" label="ASTROID_WIDGET_XS_COLUMN_IMAGE_WIDTH" default="12">
<option value="">JGLOBAL_INHERIT</option>
<option value="12">1/1</option>
<option value="6">1/2</option>
<option value="4">1/3</option>
<option value="8">2/3</option>
<option value="3">1/4</option>
<option value="9">3/4</option>
<option value="2">1/6</option>
<option value="5">5/12</option>
<option value="7">7/12</option>
<option value="1">1/12</option>
<option value="auto">auto</option>
</field>
<field astroidgroup="card_options" ngShow="[media_position]=='left' OR [media_position]=='right'" name="vertical_middle" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_VERTICAL_MIDDLE"/>
<field astroidgroup="card_options" name="enable_grid_match" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_ENABLE_GRID_MATCH"/>
<field astroidgroup="card_options" name="card_hover_transition" type="astroidlist" label="ASTROID_WIDGET_HOVER_TRANSITION_LABEL" default="">
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="scale-up">ASTROID_WIDGET_TRANSITION_SCALE_UP</option>
<option value="scale-down">ASTROID_WIDGET_TRANSITION_SCALE_DOWN</option>
<option value="bob">ASTROID_WIDGET_TRANSITION_BOB</option>
<option value="pulse">ASTROID_WIDGET_TRANSITION_PULSE</option>
<option value="pulse-grow">ASTROID_WIDGET_TRANSITION_PULSE_GROW</option>
<option value="pulse-shrink">ASTROID_WIDGET_TRANSITION_PULSE_SHRINK</option>
<option value="push">ASTROID_WIDGET_TRANSITION_PUSH</option>
<option value="pop">ASTROID_WIDGET_TRANSITION_POP</option>
<option value="bounce-in">ASTROID_WIDGET_TRANSITION_BOUNCE_IN</option>
<option value="bounce-out">ASTROID_WIDGET_TRANSITION_BOUNCE_OUT</option>
<option value="rotate">ASTROID_WIDGET_TRANSITION_ROTATE</option>
<option value="grow-rotate">ASTROID_WIDGET_TRANSITION_GROW_ROTATE</option>
<option value="float">ASTROID_WIDGET_TRANSITION_FLOAT</option>
<option value="sink">ASTROID_WIDGET_TRANSITION_SINK</option>
<option value="hang">ASTROID_WIDGET_TRANSITION_HANG</option>
<option value="skew">ASTROID_WIDGET_TRANSITION_SKEW</option>
<option value="skew-forward">ASTROID_WIDGET_TRANSITION_SKEW_FORWARD</option>
<option value="skew-backward">ASTROID_WIDGET_TRANSITION_SKEW_BACKWARD</option>
<option value="wobble-vertical">ASTROID_WIDGET_TRANSITION_WOBBLE_VERTICAL</option>
<option value="wobble-horizontal">ASTROID_WIDGET_TRANSITION_WOBBLE_HORIZONTAL</option>
<option value="wobble-to-bottom-right">ASTROID_WIDGET_TRANSITION_WOBBLE_TO_BOTTOM_RIGHT</option>
<option value="wobble-to-top-right">ASTROID_WIDGET_TRANSITION_WOBBLE_TO_TOP_RIGHT</option>
<option value="wobble-top">ASTROID_WIDGET_TRANSITION_WOBBLE_TOP</option>
<option value="wobble-bottom">ASTROID_WIDGET_TRANSITION_WOBBLE_BOTTOM</option>
<option value="wobble-skew">ASTROID_WIDGET_TRANSITION_WOBBLE_SKEW</option>
<option value="buzz">ASTROID_WIDGET_TRANSITION_BUZZ</option>
<option value="buzz-out">ASTROID_WIDGET_TRANSITION_BUZZ_OUT</option>
</field>
<field astroidgroup="card_options" name="card_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="card_options" name="card_box_shadow_hover" type="astroidlist" label="ASTROID_WIDGET_BOX_SHADOW_HOVER_LABEL" default="">
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="shadow-hover-none">ASTROID_WIDGET_SHADOW_NONE</option>
<option value="shadow-hover-sm">ASTROID_WIDGET_SHADOW_SMALL</option>
<option value="shadow-hover">ASTROID_WIDGET_SHADOW_REGULAR</option>
<option value="shadow-hover-lg">ASTROID_WIDGET_SHADOW_LARGE</option>
<option value="shadow-hover-popout">ASTROID_WIDGET_SHADOW_POPUP</option>
</field>
<field astroidgroup="icon_options" name="icon_size" type="astroidrange" min="1" max="300" step="1" default="60" label="TPL_ASTROID_BASIC_ICON_SIZE_LABEL" postfix="px" />
<field astroidgroup="icon_options" name="icon_color" type="astroidcolor" label="TPL_ASTROID_COLOR" />
<field astroidgroup="icon_options" name="icon_color_hover" type="astroidcolor" label="TPL_ASTROID_COLOR_HOVER" />
<field astroidgroup="icon_options" name="enable_icon_link" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_ENABLE_ICON_LINK"/>
<field astroidgroup="image_options" name="layout" type="astroidlist" label="ASTROID_WIDGET_CHOOSE_LAYOUT_LABEL" default="classic">
<option value="classic">ASTROID_WIDGET_LAYOUT_CLASSIC_LABEL</option>
<option value="overlay">ASTROID_WIDGET_LAYOUT_IMG_OVERLAY_LABEL</option>
</field>
<field astroidgroup="image_options" name="image_fullwidth" type="astroidradio" astroid-switch="true" default="1" label="ASTROID_WIDGET_IMAGE_FULLWIDTH"/>
<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="600" step="1" default="200" label="ASTROID_WIDGET_MIN_HEIGHT" postfix="px" />
<field astroidgroup="image_options" ngShow="[enable_image_cover]==1" name="overlay_type" type="astroidradio" width="full" default="color" label="ASTROID_WIDGET_OVERLAY_COLOR">
<option value="">ASTROID_NONE</option>
<option value="color">TPL_ASTROID_COLOR</option>
<option value="gradient">ASTROID_WIDGET_OVERLAY_GRADIENT</option>
</field>
<field astroidgroup="image_options" ngShow="[enable_image_cover]==1 AND [overlay_type]=='color'" name="overlay_color" type="astroidcolor" label="ASTROID_WIDGET_OVERLAY_COLOR" />
<field astroidgroup="image_options" ngShow="[enable_image_cover]==1 AND [overlay_type]=='gradient'" name="overlay_gradient" type="astroidgradient" label="ASTROID_WIDGET_OVERLAY_GRADIENT"/>
<field astroidgroup="image_options" type="astroidlist" name="image_border_radius" label="ASTROID_WIDGET_BORDER_RADIUS_LABEL" default="0">
<option value="rounded">TPL_ASTROID_ICON_STYLE_ROUNDED</option>
<option value="0">TPL_ASTROID_ICON_STYLE_SQUARE</option>
<option value="circle">TPL_ASTROID_ICON_STYLE_CIRCLE</option>
<option value="pill">TPL_ASTROID_ICON_STYLE_PILL</option>
</field>
<field astroidgroup="image_options" ngShow="[image_border_radius]=='rounded'" type="astroidlist" name="image_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="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="image_options" name="hover_transition" type="astroidlist" label="ASTROID_WIDGET_HOVER_TRANSITION_LABEL" default="">
<option value="">TPL_ASTROID_DEFAULT</option>
<option value="scale-up">ASTROID_WIDGET_TRANSITION_SCALE_UP</option>
<option value="scale-down">ASTROID_WIDGET_TRANSITION_SCALE_DOWN</option>
<option value="bob">ASTROID_WIDGET_TRANSITION_BOB</option>
<option value="pulse">ASTROID_WIDGET_TRANSITION_PULSE</option>
<option value="pulse-grow">ASTROID_WIDGET_TRANSITION_PULSE_GROW</option>
<option value="pulse-shrink">ASTROID_WIDGET_TRANSITION_PULSE_SHRINK</option>
<option value="push">ASTROID_WIDGET_TRANSITION_PUSH</option>
<option value="pop">ASTROID_WIDGET_TRANSITION_POP</option>
<option value="bounce-in">ASTROID_WIDGET_TRANSITION_BOUNCE_IN</option>
<option value="bounce-out">ASTROID_WIDGET_TRANSITION_BOUNCE_OUT</option>
<option value="rotate">ASTROID_WIDGET_TRANSITION_ROTATE</option>
<option value="grow-rotate">ASTROID_WIDGET_TRANSITION_GROW_ROTATE</option>
<option value="float">ASTROID_WIDGET_TRANSITION_FLOAT</option>
<option value="sink">ASTROID_WIDGET_TRANSITION_SINK</option>
<option value="hang">ASTROID_WIDGET_TRANSITION_HANG</option>
<option value="skew">ASTROID_WIDGET_TRANSITION_SKEW</option>
<option value="skew-forward">ASTROID_WIDGET_TRANSITION_SKEW_FORWARD</option>
<option value="skew-backward">ASTROID_WIDGET_TRANSITION_SKEW_BACKWARD</option>
<option value="wobble-vertical">ASTROID_WIDGET_TRANSITION_WOBBLE_VERTICAL</option>
<option value="wobble-horizontal">ASTROID_WIDGET_TRANSITION_WOBBLE_HORIZONTAL</option>
<option value="wobble-to-bottom-right">ASTROID_WIDGET_TRANSITION_WOBBLE_TO_BOTTOM_RIGHT</option>
<option value="wobble-to-top-right">ASTROID_WIDGET_TRANSITION_WOBBLE_TO_TOP_RIGHT</option>
<option value="wobble-top">ASTROID_WIDGET_TRANSITION_WOBBLE_TOP</option>
<option value="wobble-bottom">ASTROID_WIDGET_TRANSITION_WOBBLE_BOTTOM</option>
<option value="wobble-skew">ASTROID_WIDGET_TRANSITION_WOBBLE_SKEW</option>
<option value="buzz">ASTROID_WIDGET_TRANSITION_BUZZ</option>
<option value="buzz-out">ASTROID_WIDGET_TRANSITION_BUZZ_OUT</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="title_options" name="title_heading_margin" type="astroidspacing" label="ASTROID_WIDGET_MARGIN_LABEL" />
<field astroidgroup="meta_options" name="meta_font_style" label="ASTROID_WIDGET_FONT_STYLES_LABEL" type="astroidtypography" columns="1" preview="false"/>
<field astroidgroup="meta_options" name="meta_heading_margin" type="astroidspacing" label="ASTROID_WIDGET_MARGIN_LABEL" />
<field astroidgroup="meta_options" name="meta_position" type="astroidlist" label="ASTROID_WIDGET_META_POSITION_LABEL" default="before">
<option value="before">ASTROID_BEFORE_TITLE</option>
<option value="after">ASTROID_AFTER_TITLE</option>
</field>
<field astroidgroup="content_options" name="content_font_style" label="ASTROID_WIDGET_FONT_STYLES_LABEL" type="astroidtypography" columns="1" preview="false"/>
<field astroidgroup="readmore_options" type="astroidlist" label="ASTROID_WIDGET_GLOBAL_STYLES_LABEL" name="button_style" default="primary">
<option value="primary">Primary</option>
<option value="secondary">Secondary</option>
<option value="success">Success</option>
<option value="danger">Danger</option>
<option value="warning">Warning</option>
<option value="info">Info</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="link">Link</option>
<option value="text">Text</option>
</field>
<field astroidgroup="readmore_options" name="button_outline" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_BUTTON_OUTLINE_LABEL"/>
<field astroidgroup="readmore_options" type="astroidlist" name="button_size" label="ASTROID_WIDGET_BUTTON_SIZE_LABEL" default="">
<option value="">Default</option>
<option value="btn-lg">Large</option>
<option value="btn-sm">Small</option>
</field>
<field astroidgroup="readmore_options" type="astroidlist" name="btn_border_radius" label="ASTROID_WIDGET_GLOBAL_BORDER_RADIUS_LABEL" default="">
<option value="">Rounded</option>
<option value="rounded-0">Square</option>
<option value="rounded-pill">Circle</option>
</field>
<field astroidgroup="readmore_options" type="astroidlist" name="button_margin_top" label="ASTROID_WIDGET_BUTTON_MARGIN_TOP" default="">
<option value="">JNONE</option>
<option value="1">J1</option>
<option value="2">J2</option>
<option value="3">J3</option>
<option value="4">J4</option>
<option value="5">J5</option>
</field>
</fieldset>
<fieldset name="design-settings" label="ASTROID_ELEMENT_HEAD_DESIGN_SEETINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
<field astroidgroup="animation_settings" ngShow="[animation]!=''" name="animation_element" type="astroidtext" default=".as-grid" label="ASTROID_ANIMATION_ELEMENT" description="ASTROID_ANIMATION_ELEMENT_DESC"/>
</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>