Change border

4 posts, 1 answers
  1. Jonathan
    Jonathan avatar
    122 posts
    Member since:
    Jan 2014

    Posted 29 Mar 2020 Link to this post


    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

  2. Answer
    Marin Bratanov
    Marin Bratanov avatar
    5699 posts

    Posted 30 Mar 2020 Link to this post

    Hello Jonathan,

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

        .my-custom-popup-border {
            border: 3px solid red;
            background: yellow;
    <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.
    <TelerikButton OnClick="@ToggleContainer">Toggle Animation Container</TelerikButton>
    @code {
        Telerik.Blazor.Components.TelerikAnimationContainer myPopupRef;
        public void ToggleContainer()


    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.
  3. Jonathan
    Jonathan avatar
    122 posts
    Member since:
    Jan 2014

    Posted 30 Mar 2020 in reply to Marin Bratanov Link to this post

  4. zurnas
    zurnas avatar
    3 posts
    Member since:
    Dec 2020

    Posted 18 Dec 2020 Link to this post

Back to Top