Digia Academy
Digia StudioDiscordLinkedIn
  • Introduction
    • FAQs
  • What's New
    • 2024
      • March
  • DIGIA STUDIO INTRODUCTION
    • Dashboard
    • Builder Tool
      • Navigation Menu
      • Tool Bar
      • Pages and Widgets Panel
      • Canvas Area
      • Properties Panel
    • Creating a New Project
    • Creating new Pages
    • Working with Widget Tree
    • Build Your First App
      • Hello World
      • Bytes App
        • Onboarding
        • Defining API Calls
        • Courses
        • Articles
        • Viewing your App
    • SDK Integration
      • Insert Single Pages from Digia Studio
  • Actions
    • Call API Rest Action
    • Call Rest API
    • Pop Current
    • Pop to Route
    • openUrl
    • Go To Page
    • Post Message
    • Set Page State
    • Wait (delay)
    • Drawer
    • Toast
    • Open Dialog
    • Share
    • Copy to Clipboard
  • Operations
    • API Call
    • Operators
      • Json Operators
      • Logical Operators
      • Date Time Operators
      • Math Operators
      • String Operations
  • BUILDING UI
    • Widgets
      • Form Widgets
        • PinField
        • Calendar
        • Text Form Field
      • Base Widgets
        • Animated Button
        • Check Box
        • Video Player
        • Spacer
        • Stack
        • Wrap
        • Text
        • Avatar
        • Rich Text
        • Image
        • Button
        • Icon
        • Switch
        • Sized Box
        • HtmlView
        • Lottie Animation
        • Linear Progress Bar
        • YouTube Player
        • Circular Progress Bar
      • Layout Widgets
        • ListView
        • Web View
        • Future Builder
        • Conditional Builder
        • Stream Builder
        • GridView
        • Column
        • Row
        • Container
        • Expandable
        • Divider (Horizontal)
        • Divider (Vertical)
        • Carousel
      • Persistent Footers Widgets
        • NavigationBar Widget
      • Page Widgets
        • Stepper Widget
        • Scaffold Widget
        • Paginated Listview Widget
        • TabView
        • AppBar
      • Widget Commonalities
    • Event Handlers
  • Theme
    • Colors
    • Typography
  • DATA AND BACKEND
    • API Calls
      • Setting up API Calls
      • Create API Calls
      • Import API From Curl
  • DEPLOYING YOUR APP
    • Deployment
    • Release History
  • Settings
    • App Settings
    • App Assets
    • Media Assets
  • JARGON
    • Data integration
Powered by GitBook
On this page
  • Adding Animated Button widget
  • Features make Animated Button Different to Button Widget
  • Customization
  1. BUILDING UI
  2. Widgets
  3. Base Widgets

Animated Button

PreviousBase WidgetsNextCheck Box

Last updated 10 months ago

An Animation Button is a button widget that includes animation effects to enhance user interaction. It almost similar to the Button widget with some advanced features.

Adding Animated Button widget

Here's an example of how you can use a Button widget in your project:

  1. Select the Animated Button widget from the Add Widget Button or add it directly from the widget tree.

  2. Move to the Widget Properties -> Text > Text, and provide the text to be displayed on the Animated button.

  3. You can set Text Properties as you want, , and .

  4. Text Span Style Properties can also be customized.

Features make Animated Button Different to Button Widget

In Animated Button Widget, There is special function called Haptic Feedback. Haptic feedback, Provides the touch sensations to communicate with users through physical vibrations or forces. In the context of mobile devices and applications, Haptic Feedback provides tactile responses to users, enhancing the interaction experience by simulating the sense of touch.

Customization

User can customization Animated Button according to requirements by navigation to the Default Properties panel.

Max Lines
Text Overflow
Text Alignment