Questions on UI for Blazor Forum

1 answer

253 views

binding inside contextmenu does not work

Hi, i show in a specific position a context menu with some fields.
If i try to update a binding field (using @bind-Value), 
for example with a TelerikTextBox it does not work.
You can see this simple example, press Reset button does not update the textbox content.
What's wrong?
Thanks
 
https://blazorrepl.telerik.com/QxkRwDbe51q1XmYf53
 
 
<TelerikContextMenu@ref="ContextMenu"TItem="object">
    <Template>
        <div>Input name</div>
        <TelerikTextBox @bind-Value="Value" />
        <br />
        <TelerikButton OnClick="@(() => Value = "")">Reset</TelerikButton>
        <TelerikButton OnClick="@(() => ContextMenu.HideAsync())">Close</TelerikButton>
    </Template>
</TelerikContextMenu>
<TelerikButton OnClick="() => ContextMenu.ShowAsync(100,100)">Open context menu</TelerikButton>
@code
{
    private TelerikContextMenu<object> ContextMenu {get;set;}
    private string Value {get;set;}
}

ContextMenu

answered on 03 Apr 2023

0 answers

166 views

Telerik UI for Blazor TextBox Format - Prevent Default Button

For the Telerik UI For Blazor, I need to prevent the button from refreshing the page and for a textbox I need to format it as a phone number. I could not find answers to this in the documentation or searching the internet. It keeps referring me back to Kendo UI. How can I achieve this?

Button

TextBox

asked on 02 Apr 2023

0 answers

336 views

TelerikPdfViewer and .msg files

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

PDFViewer

asked on 30 Mar 2023

1 answer

478 views

DisplayContent doesn't work for GroupDescriptor

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?

Grid

answered on 30 Mar 2023

1 answer

353 views

FileManager: support for multiple directories for single file

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.

FileManager

answered on 30 Mar 2023

0 answers

96 views

All search boxes write at the same time

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

Filter

Grid

asked on 29 Mar 2023

1 answer

223 views

TelerikGrid with virtual scrolling doesn't fill remaining space of parent

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

Grid

answered on 29 Mar 2023

1 answer

175 views

how to copy signature demo code to my project and run it on my VS without errors

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>

Signature

answered on 28 Mar 2023

1 answer

663 views

Preserve expanded state on paging blazor grid hierarchy.

I have a Parent/Child blazor grid hierarchy. It will hold a large amount of date therefore it's necessary to apply paging to display, there was too much lag if displaying all on one page. I am preserving the grid state of collapse/expansion programmatically and each new record that is found (live data) is added to the grid in the expanded state. I am using the OnRead and RebindGrid methods and it works great if there is only 1 page. Whenever the page is changed all rows are automatically collapsed and only a refresh will expand - but it takes me to page 1. How can I preserve the state between pages?

Grid