[FREE]Extension StepProgress | Horizontal StepView

extension

(Jerin Jacob) #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. Download

  • Loved this extension?? :heart:

Donate image

Through Paytm

Through Paypal

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.

(Jerin Jacob) #2

Extension StepProgress is free now

Download

.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.

(dogru arge) #3

hi, i will donate but paypal not invalid my country. Have you a app for in app billing ?