Blazor AnimationContainer relative placement

1 Answer 20 Views
AnimationContainer
Barron
Top achievements
Rank 1
Barron asked on 30 Jan 2025, 05:56 PM
Our designer has discovered the Telerik for Blazor AnimationContainer and is excited to use it, including in areas of our site that collapse and expand.  This makes the absolute placement a bit of a problem.  Is there an official workaround to this limitation?  A good way to simulate relative placement of the AnimationContainer?

1 Answer, 1 is accepted

Sort by
1
Accepted
Dimo
Telerik team
answered on 31 Jan 2025, 04:44 PM

Hi Barron,

Is this what you are trying to achieve? https://blazorrepl.telerik.com/czkFRbbq429N5fo055

It's worth noting that the AnimationContainer is not designed for this specific scenario. You can also review this article in case there is some other more suitable component:  Telerik Blazor Popup Components

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Barron
Top achievements
Rank 1
commented on 31 Jan 2025, 07:13 PM

Thank you, this does exactly what I am looking for.  Essentially, for this particular scenario, we are looking for an image that can be shown or hidden on demand, but that includes a nice animation.  We may include more complex contents in the future, but the container must exist within the layout of the page, and not sit on top of it like a popup.  Out of curiosity, why is relative positioning not officially supported?  Are there known scenarios where it breaks?
Dimo
Telerik team
commented on 03 Feb 2025, 06:50 AM

Hi Barron,

Relative containers participate in the so called "normal flow" of the page. In simple terms, this means that these containers take up real estate and push other content around. Usually, this is a rare requirement and it's mostly feasible for smaller elements.

When it comes to larger animated or expandable content, we have other components that can be considered:

You can also take at look at:

Tags
AnimationContainer
Asked by
Barron
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or