Questions on UI for Blazor Forum

2 answers

6.9K+ views

trigger tab key when enter key is pressed

As the title states, when a user presses enter in a textbox, how could I trigger the key down event for tab?

Will this be a jsinvoke?

TextBox

answered on 27 Jan 2021

3 answers

644 views

Single Column Horizontal Scroll with No Wrap

Is there an option to have a horizontal scroll while not wrapping the text for a single column?

TreeList

answered on 27 Jan 2021

1 answer

215 views

Run Blazor Demo

Downloaded source from Git.

Was trying to run BlazingCoffee server version, got an error message for references:

1>------ Build started: Project: BlazingCoffee.Shared, Configuration: Debug Any CPU ------
Error occurred while restoring NuGet packages: Failed to retrieve information about 'Telerik.UI.for.Blazor.Trial' from remote source 'https://hexagonppm.pkgs.visualstudio.com/_packaging/d52ddb6c-0f38-494a-97a1-3133ffb82c9c/nuget/v3/flat2/telerik.ui.for.blazor.trial/index.json'.

all referenced in project market with yellow triangle.

VS 2019 v 16.8.4

What could be missing?

General Discussions

answered on 27 Jan 2021

2 answers

327 views

Checkbox unchecks itself right after I check it

I am having an issue with my checkboxes unchecking as soon as I check them.

Here is my model:

class AppRegistration

{

public DateTime DateCreated { get; set; }

public List<RoleRequest> RolesRequested { get; set; }

public string Approver { get; set; }

public string Status { get; set; }

public string Description { get; set; }

public int Id { get; set; }

}

enum Role

{

MFAAdmin,

ListServerAdmin,

SecretServerAdmin,

IdentityAdmin

}

class RoleRequest

{

public Role Role { get; set; }

public bool Requested { get; set; }

}

Here is my markup:

<div class="col">

@{

_newAppReg = new AppRegistration();

_newAppReg.RolesRequested = new List<RoleRequest>();

foreach (var role in Enum.GetValues(typeof(Role)))

{

_newAppReg.RolesRequested.Add(new RoleRequest

{

Role = (Role)role

});

}

foreach (var r in _newAppReg.RolesRequested)

{

<div class="mt-sm">

<TelerikCheckBox @bind-Value="@r.Requested"

Enabled="@true"

Id="@r.Role.ToString()">

</TelerikCheckBox>

<label for="@r.Role.ToString()">@r.Role.ToString()</label>

</div>

}

</div>

Checkbox

answered on 26 Jan 2021

3 answers

300 views

Issue with Editor since 2.21.0

When we updated our packages to 2.21.0, it broke the Editor. I can no longer click inside the editor and type anything. When clicking the button to view the HTML it crashes. I reverted back to 2.20.0 where it works. No codes changes were made on our side.

HTML:

Properties:

[Parameter] public string Content { get; set; }
[Parameter] public string Height { get; set; } = "auto";
private TelerikEditor editor { get; set; }

Editor

answered on 26 Jan 2021

3 answers

942 views

Set PageSizes

Hi,

in Kendo UI asp.net core / Javascript I set the possible Page Sizes:

pageable: {

pageSizes: [2, 3, 4, "all"],

see https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.pagesizes

For a new Blazor ServerSide App my client wish also such dropdownlist.

In https://docs.telerik.com/blazor-ui/components/grid/paging I can set the PageSize, but not an Array PageSizes for a dropdownlist in the Pager.

How can I add an PageSizes-DropDownlist right of the Button "Go to the last page" in the grid-pager Toolbar?

Regards,

Peter

Grid

answered on 23 Jan 2021

1 answer

684 views

Styling WindowAction

With the release of 2.21 we can apply styles to the windows elements, and that is great!

How can we apply these styles to the WindowAction elements?

Window

answered on 22 Jan 2021

1 answer

395 views

TelerikLoaderContainer not resolving

I upgraded to 2.21.0 ... however when trying to add a TelerikLoaderContainer to a page it is not being recognized. Other controls are like TelerikGrid on the same page.

Any ideas?

LoaderContainer

answered on 22 Jan 2021

6 answers

667 views

Hiding a Grid Column When Printing

I want to hide the GridCommandColumn when the user prints the page.

What's the best way to handle it so the entire column does not display or take up any space?

Grid

answered on 21 Jan 2021

4 answers

966 views

'initComponentLoaderContainer' was undefined

Hi,

After upgrading to version 2.21, I get following error when loading page:z

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Could not find 'TelerikBlazor.initComponentLoaderContainer' ('initComponentLoaderContainer' was undefined).
Error: Could not find 'TelerikBlazor.initComponentLoaderContainer' ('initComponentLoaderContainer' was undefined).
at https://localhost:44370/_framework/blazor.webassembly.js:1:1287
at Array.forEach (<anonymous>)
at e.findFunction (https://localhost:44370/_framework/blazor.webassembly.js:1:1247)
at b (https://localhost:44370/_framework/blazor.webassembly.js:1:2989)
at https://localhost:44370/_framework/blazor.webassembly.js:1:3935
at new Promise (<anonymous>)
at Object.beginInvokeJSFromDotNet (https://localhost:44370/_framework/blazor.webassembly.js:1:3908)
at Object.w [as invokeJSFromDotNet] (https://localhost:44370/_framework/blazor.webassembly.js:1:64218)
at _mono_wasm_invoke_js_blazor (https://localhost:44370/_framework/dotnet.5.0.1.js:1:190800)
at do_icall (https://localhost:44370/_framework/dotnet.wasm:wasm-function[10596]:0x194e58)

Thanks for helping me

General Discussions

answered on 21 Jan 2021