Split Button Widget
Content
Button
Text: Add the Button Text here.
Link: Add the Button Link here.
Alignment: Choose between Left, Center or Right Button Alignment for widescreen, desktop, tablet portrait and mobile portrait modes.
Animation: Choose an animation type: Slide, Rotate, or None.
When the Slide animation type is selected, you can choose the desired Angle from the dropdown.
Animation Duration: Set the animation duration in milliseconds for widescreen, desktop, tablet portrait and mobile portrait modes.
Icon
Normal: Select the Icon to be displayed in the normal state.
Rotate: Select the rotation direction for the icon for widescreen, desktop, tablet portrait and mobile portrait modes.
Hover: Select the Icon to be displayed in the hover state.
Rotate: Select the rotation direction for the icon for widescreen, desktop, tablet portrait and mobile portrait modes.
Position: Choose between Before and After icon position.
Hide On: Choose the resolutions below which the icon should be hidden.
Button ID: Set the Button ID here.
Please make sure the ID is unique and not used elsewhere on the page this form is displayed.
Style
Label
Typography: Set a Typography using settings from the dropdown.
Color: Set the label color for Normal and Hover modes.
Background Type: Choose between Classic and Gradient background types for both Normal and Hover modes and configure them accordingly.
Background Color: Choose the label background color.
Border Color: Set border color for Normal and Hover modes.
Border Radius: Set a border radius to the label.
Text Shadow: Select desired settings from the dropdown.
Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait modes.
Border Type: Choose desired Border Type from the dropdown and set it.
Icon
Gap: Set a gap between button and icon for widescreen, desktop, tablet portrait and mobile portrait modes.
Size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes (for Normal and Hover states).
Color: Set the icon color for Normal and Hover modes.
Background Type: Choose between Classic and Gradient background types for both Normal and Hover modes and configure them accordingly.
Background Color: Choose the icon background color.
Border Color: Set border color for Normal and Hover modes.
Border Radius: Set a border radius to the icon.
Border Type: Choose desired Border Type from the dropdown and set it.
Advanced
Set the Advanced options that are applicable to this widget