Questions on UI for Blazor Forum

0 answers

288 views

I have an animation container for two fields inside the form. One component is a textbox, but the other components is a grid.

The problem is that grid show up other forms of component. This is for the position of css.

<TelerikAnimationContainer @ref="@tacHeaderJson" AnimationType="@AnimationType.PushRight" style="position: static !important;">
                            <TelerikTextBox @bind-Value="@DataMapHeaders.Value"
                                            Enabled=@Enabled
                                            Id="request-header">
                            </TelerikTextBox>
                        </TelerikAnimationContainer>                        
                        <TelerikAnimationContainer @ref="@tacHeaderTable" AnimationType="@AnimationType.PushLeft" style="position: static !important;">
                                <TelerikGrid Data=@HeadersTable
                                             Width="100%"
                                             EditMode="@GridEditMode.Inline"
                                             @ref="@GridRef">
                                    <GridToolBarTemplate>
                                        <GridCommandButton Command="Add" Icon="@SvgIcon.Plus" Enabled="@Enabled">@Localizer!["Add"]</GridCommandButton>
                                    </GridToolBarTemplate>
                                    <GridColumns>
                                        <GridColumn Field="@nameof(HeaderParameter.Parameter)" Title="@Localizer!["Key"]"></GridColumn>
                                        <GridColumn Field="@nameof(HeaderParameter.Value)" Title="@Localizer!["Value"]"></GridColumn>
                                        <GridCommandColumn>
                                            <GridCommandButton Command="Edit" Icon="@SvgIcon.Pencil" ThemeColor="@(ThemeConstants.Button.ThemeColor.Info)" Enabled="Enabled"></GridCommandButton>
                                            <GridCommandButton Command="Cancel" Icon="@SvgIcon.X" ThemeColor="@(ThemeConstants.Button.ThemeColor.Error)" OnClick="@DeleteHandler" Enabled="Enabled"></GridCommandButton>
                                            <GridCommandButton Command="Save" Icon="@SvgIcon.Save" ShowInEdit="true" OnClick="@UpdateHandler" ThemeColor="@(ThemeConstants.Button.ThemeColor.Primary)" Enabled="Enabled"></GridCommandButton>
                                        </GridCommandColumn>
                                    </GridColumns>
                                </TelerikGrid>
                        </TelerikAnimationContainer>

I try this,

.k-animation-container {
    position: static !important;
    overflow: hidden;
    z-index: 100;
}

But the style overide all style of current page. I have some dropdowns and the show the options in the bottom of the page.

Any solution?

Best regards

AnimationContainer

asked on 08 Mar 2023

1 answer

214 views

Blazor PdfViewer - password protected file

Hi there,

Does the blazor pdfviewer support password-protected PDF files?

If not, is there a workaround for this?

Thanks,

Kurt

PDFViewer

answered on 08 Mar 2023

1 answer

211 views

Do I really need to re-write the whole grid filtering functionality just to put a placeholder in my filter box?

I am using a TelerikGrid, I want to put filters on several columns, I want to keep it clean so I disable the filter buttons and just set default operators, and I want to add a string placeholder to the already provided textbox and this is my issue. the only solution I could find was to use FilterCellTemplate which I have to rewrite the whole filtering and it is only for one column. I would think that there is a property for that that jus sets a placeholder for string searches.

Filter

Grid

TextBox

answered on 07 Mar 2023

0 answers

121 views

Dropdownlist jumps to the top after scrolling down and selecting an item

Hello,

Dropdownlist doesn't let you choose item after the first six items. When I scroll down and select an item, it automatically jumps to the start of the list.

Best regards,

Matic

DropDownList

asked on 06 Mar 2023

1 answer

291 views

Can I use aria-label attribute in TelerikWindow?

I need aria-label (for accessibility) but when I add it to TelerikWindow:

<TelerikWindow @ref="myWindow" Header="My Window" Width="300" Height="200" aria-label="My Custom Label">

but getting the following error:

System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikWindow' does not have a property matching the name 'aria-label'.

The same if I try to add AdditionalAttributes

<TelerikWindow @ref="myWindow" Header="My Window" Width="300" Height="200" AdditionalAttributes="@windowAttributes">
    <Content>
        <div class="window-content">
            <p>This is my window content.</p>
        </div>
    </Content>
</TelerikWindow>

@code {
    private Dictionary<string, object> windowAttributes = new Dictionary<string, object> { { "aria-label", "My Custom Label" } };
    private TelerikWindow myWindow;
}

How I can add aria-label to TelerikWindow?

Accessibility

Window

answered on 06 Mar 2023

1 answer

184 views

Migrate from ASP.NET Webforms to Blazer

I have an extensive app in webforms using Telerik controls. Do Telerik controls for Blazor function similar to Telerik coontrols for ASP.NET Forms? I'm trying to understand the scope of work to migrate to Blazor. My app has little Javascript and mostly code behind forms.

General Discussions

answered on 03 Mar 2023

1 answer

285 views

Bind to nested indexed properties

I need to bind a complex object to telerik grid field, i read the article

https://docs.telerik.com/blazor-ui/knowledge-base/grid-bind-navigation-property-complex-object

but it not explain if i can bind an indexed property.

For example i need this bind:

<GridColumn Field="Property.NestedProperty[0].Value" />

but it seem not working.

Can be binded indexed properties?

Thanks

Grid

answered on 03 Mar 2023

1 answer

158 views

wrap carousel buttons

Is there a way to do this? Right now, if you have too many, they just run off the screen.

Thanks... Ed

Carousel

answered on 02 Mar 2023

1 answer

274 views

Update single property of object inside grid

Hi,

I'm using onread to fetch odata from a backend system.

I also have signalR setup that listens for changes on the objects in the list.

I would like to be able to update a single property of an object when an signalr event is received. I'm aware of the Rebind() method, but this forces the entire list to be loaded again. Since i have a lot of events firing and multiple clients, it would make more sense if i could get the objects from the gridref.Data property and update only the affected record and property.

Think of this as a grid as a stock-ticker overview, where values are updated very frequently.

Do we have a solution for this?

Wim

Grid