Questions on UI for Blazor Forum

3 answers

563 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

202 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

304 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

291 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

918 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

668 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

371 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

647 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

950 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

1 answer

794 views

Toolbar css difference

Hello

Since the latest version float-right is no longer working in the ToolBar of the Grid and the ToolBar disappears sometimes.

The disappearance if the Grid does not happen with <link href="_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css" rel="stylesheet" /> but the float-right does not work.

When I use the Sass Theme builder, there are differences in the css and the ToolBar disappears sometimes.

For example the standard bootstrap css has:

.k-grid-toolbar {
border-width: 0 0 1px;
-ms-flex-negative: 0;
flex-shrink: 0;
}

And the generated css has this but is not set on the toolbar:

.k-toolbar > * {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: center;
align-content: center;
vertical-align: middle
}

Is the generated css updated to the latest version and why does the float-right not work?

Grid

answered on 21 Jan 2021