This is a migrated thread and some comments may be shown as answers.

Change border

3 Answers 72 Views
AnimationContainer
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Veteran
Jonathan asked on 29 Mar 2020, 11:07 PM

Hi

How do you change the border ?

I've tried.. doesn't seem to work.

How can I make outset? and change the border color.. do it 'pops'?

 

thx in advance

 

.k-animation-container {
    border-radius: 2px 2px 2px 2px;
    border-color: blue;
    border-width: 2px;
    position: absolute;
    overflow: hidden;
    z-index: 100
}

3 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 30 Mar 2020, 09:01 AM

Hello Jonathan,

I'd use my own Class and cascade trough it, something like:

<style>
    .my-custom-popup-border {
        border: 3px solid red;
        background: yellow;
    }
</style>

<TelerikAnimationContainer @ref="myPopupRef" Top="300px" Width="100px" Height="100px" AnimationType="AnimationType.ZoomOut" Class="my-custom-popup-border">
    My content goes here. The "k-popup" class adds some background and borders which you can define through your own styles instead.
</TelerikAnimationContainer>

<TelerikButton OnClick="@ToggleContainer">Toggle Animation Container</TelerikButton>

@code {
    Telerik.Blazor.Components.TelerikAnimationContainer myPopupRef;

    public void ToggleContainer()
    {
        myPopupRef.ToggleAsync();
    }
}

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 30 Mar 2020, 12:27 PM
thx!!
0
zurnas
Top achievements
Rank 1
answered on 18 Dec 2020, 04:04 PM
ცც
Tags
AnimationContainer
Asked by
Jonathan
Top achievements
Rank 1
Veteran
Answers by
Marin Bratanov
Telerik team
Jonathan
Top achievements
Rank 1
Veteran
zurnas
Top achievements
Rank 1
Share this question
or