How to change tab animation exacly when its changed?

[Blazor]

Hi, Great Support,

I am working on this document;
https://blazor.syncfusion.com/documentation/tabs/animations/

In this example its possible to change animation for tabs.
But when i want to change animation behavior exacly when its changed, animation is not applied to tab yet so it behaves like old way!

I mean, in this(https://blazor.syncfusion.com/documentation/tabs/animations/)  example, when "next effect dropdown" changed;



I just add line 96(select tab 2) 

next effect didn't worked which i have selected. 

If i didn't explain clearly please let me know.
Thanks in advance.

[Hareesh Balasubramanian]

Dear Customer, 

Greetings from Syncfusion Support…! 

We have validated your shared code snippet at our end. And for that, kindly use “selectedItem” property instead of public function and for the same, we have prepared a sample using selectedItem property and the sample can be downloaded from the following link. 

Code snippet: 

<SfTab Width="600px" SelectedItem="@selectedItem"> 

    <TabAnimationSettings> 

        <TabAnimationPrevious Effect="@PreviousEffect"></TabAnimationPrevious> 

        <TabAnimationNext Effect="@NextEffect"></TabAnimationNext> 

    </TabAnimationSettings> 

    <TabItems> 

        <TabItem Content="@Content1"> 

            <ChildContent> 

                <TabHeader Text="Twitter"></TabHeader> 

            </ChildContent> 

        </TabItem> 

        <TabItem Content="@Content2"> 

            <ChildContent> 

                <TabHeader Text="Facebook"></TabHeader> 

            </ChildContent> 

        </TabItem> 

        <TabItem Content="@Content3"> 

            <ChildContent> 

                <TabHeader Text="WhatsApp"></TabHeader> 

            </ChildContent> 

        </TabItem> 

    </TabItems> 

</SfTab> 

 

    public void NextChange(Syncfusion.Blazor.DropDowns.ChangeEventArgs<string> args) 

    { 

        this.NextEffect = args.Value as string; 

        this.selectedItem = 2; 

    } 

Sample: https://www.syncfusion.com/downloads/support/forum/154871/ze/sample-710652692  

Kindly try the above solution and revert us if you have any further assistance. 

Regards, 

Hareesh 

[Blazor]

Unfortunately its not workin as i expected. here is video;

https://drive.google.com/file/d/14qHu3UwGyTFojegErcpZnfYg9dR9WC4T/view

it is going 2. tab but effect is not i have just selected one. 

I choose FadezoomIn. it didn't applied first selection . it applied after executed.

[Blazor]

Actually if i can resolve this issue;
https://www.syncfusion.com/forums/154923/how-can-i-refresh-my-custom-compoenent-inside-of-sftab

I will have no problem with animation effects.

[Vengatesh Maniraj]

Dear Customer, 

Thanks for the update. 

We have addressed the below issue and kindly check the same and get back to us if you need any further assistance. 

https://www.syncfusion.com/forums/154923/how-can-i-refresh-my-custom-compoenent-inside-of-sftab 

Regards, 

Vengatesh