[PAID]Extension StepProgress | Horizontal StepView

extension

#1

Extension StepProgress

image

1.About

  • Create material designed, animated horizontal step progress using this extension.

Pros

  1. Material design and animation
  2. Many customizations blocks are available
  3. Easy to implement

Cons

  1. Not possible to directly show on scroll arrangements
  2. Text extended problem outwards the layout if text size not adjusted.

Is it possible with currently available blocks and components?

Ans) Maybe with web viewer - HTML,CSS & javascript.
But, it will take a lot of time, confusion and need to know the needed languages.

2.Blocks

►Methods

1. HorizontalAnimatedSteps

image

  • stepsNumber - Number of steps to show as progress

2. HorizontalStepNext - Go to specified step

image

► Properties

1. Animation Duration - Change animation time

image

2. getCurrentStep

image

3. Animation type

image

  • 4 type of animations
    ANIMATION_LINE = 0
    ANIMATION_CIRCLE = 1
    ANIMATION_ALL = 2
    ANIMATION_NONE = 3

4. IstickedProgress -true or false whether next progress circle should be ticked or not.

image

5. StepFromString - defines the step text from comma separated string.

image

6. Properties conclusion

image

image

► Event

1.stepclicked - When a step click

image

Preview video


3. Buy Now

4.Suggest, support and report

  • Loved the extension, support by clicking on the love icon :heart: at the end of the post.
  • Suggest for improvements, and report for bugs and errors.