Change border

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

    Posted 29 Mar Link to this post

    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
    }

  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    5619 posts

    Posted 30 Mar Link to this post

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

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

    thx!!
Back to Top