Hello everyone, I am here with my new extension that is Expandable View. This extension helps you to expand or collapse the view with some customisations. This is based on the Expandable Layout published in Github. This extension does not increase or decrease the height or width of the layout as my Expand Collapse View do. This extension expand or collapse the view with animations API that don’t modify height or width of the component. When we modify the height or width of the component that their child components are much effected. This extension don’t affect them and works like professional.
Launched On :- 2021-12-09T18:30:00Z
Last Updated On :- 2021-12-09T18:30:00Z
Latest Version :- 1
Let see its blocks and their documentation
Let see the documentation now
This event raises when the view fully expanded. Returns the id.
This event raises when any view is being expanding. Return the id and expand fraction (0 - 1) as a float value.
This event raises when the view is fully collapsed. Returns the id.
This event raises when any view is being collapsing. Return the id and expand fraction (0 - 1) as a float value.
This block create the expandable layout in given container with header and content view. Id must be unique and the orientation can be given with properties.
inrequires an arrangement in which the expandable layout will be created.
headerrequires an arrangement which will be shown all time when the view will in its normal state
contentrequires an arrangement which will be shown when the view will be expanded and will be hidden when the view will be collapsed.
orientationdefines the orientation of the expandation of view.
Expand the view with given id or duration. If animate is false then no animation or effect will occurred.
Collapse the view with given id or duration. If animate is false then no animation or effect will occurred.
trueif the view referenced to the given id is expanded.
Properties for defining the orientation.
The extension is very simple to use as I said always to my all extensions.
You just need to create the expand layout in a container with header or content views and a unique id. And your layout is ready and now you can play with it.
Then just use Expand or Collapse block to toggle the expandable layout.
In the same way this can be used in dynamic components too. I posted a demo AIA on download section that contains some usage with dynamic components and simple layouts.
Let see how it looks like
Thanks @Shreyash for the super power full Rush .
Thanks @Jerin_Jacob for his wonderful extension platform.
Like the extension if you like it
Suggestion and issue are welcome