Hi,

I am currently using the TelerikMenu Blazor component and I am having issues with changing the color of the pressed/clicked state of a menu item. I can successfully change the coloring for the other states of the menu items e.g. selected, focused, active, hover. How would I approach this to solve my problem?

This is what I have so far:

MenuItems = new List<MenuItem>();

        MenuItem Library_Header = new MenuItem() { Text = "Library", Icon = "book", Items = new List<MenuItem>() };
        MenuItem Library_Item_EFT = new MenuItem() { Text = "EFT Library", Icon = "book", Items = new List<MenuItem>() }; 
        MenuItem EFT_Item_Bank_View = new MenuItem() { Text = "Bank view", Icon = "book" };

        MenuItem EFT_Item_Version_View = new MenuItem() { Text = "Version view", Icon = "book" };

Menu css (example of the menu's selected state being changed):

I'm working on a landing page builder, I need to be able to do a couple of extra things with TileLayout. I would like this behaviour to be added optionally by configuration. 

I would like to Drag & Drop elements between two TelerikTileLayout collections.

In my dahsboard I want to have groups of tiles, like the ones in SAP launchpad, here are some images. I want to move tiles from one section to another.

https://experience.sap.com/wp-content/uploads/sites/56/2021/06/SAP-Fiori-Launchpad-Spaces_MyHome_1.96.png

I would like to specify the actual position of a element with the Row & Column index.

I want to build a launchpad like the one in Azure. Here are some images of what I want to build. As you can see, you are free to chose any row/col you want in the grid.

https://media.licdn.com/dms/image/C5112AQGroL99SJPhag/article-cover_image-shrink_720_1280/0/1559712744601?e=2147483647&v=beta&t=0_c13EnPEq_pxXxf8SNuH1jzC4_N8hUYR_uf2kUKmSA

https://adamtheautomator.com/wp-content/uploads/2022/09/image-93.png

Hello,

I have a blazor app which consumes an API that sends documents as byte arrays. 

In the header is the file name, so I can determine what sort of file it is. I am currently using the following:

DocxFormatProvider

DocFormatProvider

TxtFormatProvider

RtfFormatProvider

Which works great, for me to get a byte array that can be used with the TelerikPdfViewer.

The issue I have is, that some of the documents are email messages, specifically .msg files.

There isn't a provider for Msgs, so I wondered if anyone had a work around, to be able to show the file in the browser?
I cannot save the file as a .msg, I can only use the byte array.

Thanks

I use TelerikGrid, and in it I do grid grouping.

 new GroupDescriptor()
                {
                    Member = "workItemViewModel.WorkItemGroupId",
                    DisplayContent = "Application",
                    MemberType = typeof(string)
                }

Grouping is working, but I need to see text "Application", but I see "workItemViewModel.WorkItemGroupId" instead.

How to fix it?

Hi,

I was hoping to use the FileManager component as a visual representation of a file hierarchy which is based on categories, instead of actual directories in a file system. From the examples I'm currently not able to figure out how to support a single file being part of multiple hierarchies.

The features I'm hoping to implement through the FileManager component:
1. If my file has multiple categories/directories associated with it, I want the same file to be listed under each single category/directory.

2. If a directory is selected in the FileManager TreeView, I want the List/Grid to show all files under that directory and it's sub folders. I don't want to see the sub folders as icons in the Grid/List.

Any ideas/examples on how to accomplish this?

Kind regards.

I am working with a TelerikGrid and a module, in both I have a TelerikGrid with a SearchBox, the thing is that once I write in the module SearhcBox it also writes in the SearchBox behind the module, does anyone knows whats going on?

Thanks for the help

Hello,

we use the TelerikGrid with virtual scrolling. Now we want, that the grid fills the remaining space regardless the number of rows. The parent div already has the size of the window but the grid doesn't fill it up. I set the height of the grid to 100% but this didn't work. 

Does anybody have an idea what we have to do?

Best regards
Kai

I copied the below code to my Telerik C# blazor application and received many errors.

I must miss some components that need to be included in the project. Please help...

Thanks, Steve

https://demos.telerik.com/blazor-ui/signature/overview

@page "/signature/overview"

<DemoConfigurator>
    <DemoConfiguratorColumn Description="Color">
        <TelerikColorPicker Value="@Color"
                            ValueChanged="@OnColorValueChanged">
        </TelerikColorPicker>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Background color">
        <TelerikColorPicker Value="@BackgroundColor"
                            ValueChanged="@OnBackgroundColorChanged">
        </TelerikColorPicker>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Stroke width">
        <TelerikSlider @bind-Value="@StrokeWidth"
                       Min="1"
                       Max="5"
                       SmallStep="1"
                       LargeStep="1"
                       Width="450px">
        </TelerikSlider>
    </DemoConfiguratorColumn>

 <DemoConfiguratorColumn Description="Popup Scale">
        <TelerikSlider @bind-Value="@PopupScale"
                       Min="1"
                       Max="2"
                       SmallStep="0.5"
                       LargeStep="0.5"
                       Width="150px">
        </TelerikSlider>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Hide line">
        <label>
            <TelerikCheckBox @bind-Value="@HideLine"></TelerikCheckBox>
            Hide line
        </label>
    </DemoConfiguratorColumn>
    <DemoConfiguratorColumn Description="Smooth">
        <label>
            <TelerikCheckBox @bind-Value="@Smooth"></TelerikCheckBox>
            Smooth
        </label>
    </DemoConfiguratorColumn>
</DemoConfigurator>

<div class="signature-wrapper">
    <TelerikSignature Width="500px"
                      Height="200px"
                      Color="@Color"
                      BackgroundColor="@BackgroundColor"
                      HideLine="@HideLine"
                      Smooth="@Smooth"
                      StrokeWidth="@StrokeWidth"
                      PopupScale="@PopupScale"
                      @bind-Value="@Value">
    </TelerikSignature>

    <div class="notes">
        By using the Telerik UI for Blazor Signature component,
        you can allow your end-users to draw their signatures
        using mouse or touch devices.
    </div>
</div>

<style>
    .signature-wrapper {
        width: 500px;
    }

    .notes {
        font-style: italic;
        padding: 1em;
        border-width: 1px;
        border-bottom-width: 0;
        border-style: solid;
        border-radius: 0;
        border-color: rgba(0, 0, 0, 0.08);
    }
</style>