hi

‫I am using a TelerikDrawer in Push mode with MiniMode="true", but I could not find a way to control how fast it opens and closes.

Here is my code:
<style>

    .k-drawer .k-drawer-wrapper,
    .k-drawer-wrapperr {
        overflow-y: scroll;
        scrollbar-width: none; 
    }


    .k-drawer-mini .k-drawer .k-drawer-wrapper {
        width: 46px;
    }


    .k-drawer-mini .k-drawer.k-drawer-end,
    .k-drawer-expanded .k-drawer.k-drawer-end {
        border-inline-start-width: 0px;
    }


    .k-drawer-push .k-drawer {
        height: calc(100vh - 24px - 24px) !important;
    }

    .k-drawer-content {
        height: calc(100vh - 24px - 24px) !important;
        margin: 0px !important;
        padding: 0px !important;
        max-width: 100% !important;
        background-color: darkolivegreen;
    }





    .k-drawer-container {
        display: flex !important;
    }

    .k-drawer-content {
        flex: 1;
        overflow: hidden;
    }


    .k-drawer-end {
        box-sizing: border-box;
    }




    .k-drawer,
    .k-drawer-wrapper,
    .k-drawer-content {
        transition: all 5s cubic-bezier(0.4, 0, 0.2, 1) !important;
        transition-duration: 5s !important;
    }

    .k-drawer-container,
    .k-drawer-container .k-drawer,
    .k-drawer-container .k-drawer-wrapper,
    .k-drawer-container .k-drawer-content {
        transition: all 5s cubic-bezier(0.4, 0, 0.2, 1) !important;
        transition-duration: 5s !important; 
    }

    .k-drawer,
    .k-drawer .k-drawer-wrapper,
    .k-drawer-content {
        transition: all 5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

</style>



<TelerikRootComponent EnableRtl="true">

    <TAppBar  />



    <TelerikDrawer @ref="@Drawer"
                   Position="@DrawerPosition.End"
                   MiniMode="true"
                   Mode="@DrawerMode.Push"
                   TItem="DrawerItem"
                   Width="250"
                   @bind-Expanded="@IsSidebarOpen">

        <Template>
            <NewSidbar @bind-IsOpen="@IsSidebarOpen"></NewSidbar>
        </Template>


        <DrawerContent>
            <div style="flex:1;overflow:hidden !important; height:100%">
                <div style="flex:1; overflow:auto; margin: 0px;height:100%">
                    @Body
                </div>
            </div>
        </DrawerContent>

    </TelerikDrawer>

    <FoterLyout></FoterLyout>

</TelerikRootComponent>




@code {

    private bool IsSidebarOpen = true;

    public TelerikDrawer<DrawerItem> Drawer { get; set; }
    public bool Expanded { get; set; } = true;
    public class DrawerItem;


}

this CSS not work at all

Hello,

I tried to implement the chunk upload feature of the Upload component, and started by using the sample code from https://www.telerik.com/blazor-ui/documentation/components/upload/chunk-upload, but didn't get it working.

The main problem is that in UploadController.cs, the IEnumerable<IFormFile> files always have zero elements, and the string parameter chunkMetadata is never used (except in a comment).

So I suspect this controller is copied from the default upload behaviour and modified somewhat, but it remains unfinished.

What is that parameter chunkMetadata? What does it contain? Why isn't that explained in the documentation? 
Under 'Basics' it says there is a property 'MetadataField' that 'Specifies the name of the variable that will receive the chunk upload metadata in the remote endpoint.' Nothing more, no explanation on how to use it, what info it contains, or even simple sample code.
Also, no explanation why in the controller there is a ChunkSave and a ChunkSaveCustom (the latter taking the metadata from the body). Why is that, and why is there no explanation for when to use which?

Can anybody share some working code of the upload controller?

Kind regards,

Kees Alderliesten

Hi,

Have a bunch of modal windows that I open in our application.  Looking to have a different animation to apply when the modal opens vs. when it closes (and different duration).  It seems like the Window animation parameter only supports a single type of animation and single duration.

1. Is this correct?

2. Is there a suggested workaround?  Maybe using the Animation Container?

Any info or suggestions would be appreciated.

Alan

This is just a comment in general frustration, I recently discovered that even though I am on the latest version in my application I am still restricted from using a "local" MCP for Telerik because I have a perpetual license instead of the subscription license.  Look, I get it; you want people on a subscription to make more money and likely to ensure they are on the latest version for the MCP.  But just because I am not on a "subscription"; does not mean I am not on the latest version.  We are still a paying customer, and it is not like you are maintaining a hosted service, it should not be costing you anything in AI Credits.

Hi, I tried to add the Hello String recipe to a blazor app and it partially worked. While the button was (Say Hello), when clicked, nothing happed.

Furthermore, I could not debug within the code. Eventually, I tried to throw an exception from the code and that did not work.

The code was copied and pasted in the Home.razor page of Hell World blazor template.

Hy,

I have a .razor page in .NET 10 blazor server and I am using the TelerikFloatingLabel component like this:

As you can see, inside there is a TelerikTextBox with Size set to "Large" value. 

The visual result on the page:

The label is not vertical aligned. If I set the TelerikTextBox component to default size, the labe is correctly aligned.

Do I Have to fix the display with CSS styles or is there another way?

Thanks,

Marco

I've tried the following:

HTML ...

&nbsp; 

CSS

.k-dialog .k-dialog-content {
    white-space: pre-line;
}

Unicode

\u00A0

bool isConfirmed = await Dialogs.ConfirmAsync($"  Are you sure you want to delete {item.RepairType} rate of {item.NextStandardRate}?  ", "Confirmation");

Doesn't matter what I do, any spaces before or after get removed from the string passed in to the Dialog:

This IS ugly and I can figure out how to get some padding or margin.

Thoughts?

I like the HighlightedCells property on Grids. Is it possible to specify a style option for each item in the list?  I would much prefer this over the OnCellRender event.

Then I would be able to specify that GridHighlightCellDescriptors with ColumnField of X should be Red, and ColumnFields of Y should be Blue.