Questions on UI for Blazor Forum

1 answer

169 views

TileLayout don't reordering and change size when using moblie browsers

Using moblie Safari iOS or Chrome Android.
Goto demo page
https://demos.telerik.com/blazor-ui/tilelayout/overview
Try to change tile's order or size.
Nothings happened.

TileLayout

answered on 28 Jan 2021

1 answer

217 views

Grid filter menu closes automatically when trying to enter text on mobile devices

Using mobile browser (Safari iOS or Chrome Android)
Go to demo grid page
https://demos.telerik.com/blazor-ui/grid/overview
Click any grid's filter menu which contains text field
Try to enter text into textbox.
The filter menu automatically closed, so you can't enter anything

Grid

answered on 28 Jan 2021

2 answers

1.0K+ views

[Solved] Listview Checkbox Selection Issue

when I am selecting the checkbox value and the another checkbox also selected. Please see attached file

<Template Context="dlcontext">
<div class="row" style="margin-left:0px; margin-right:0px;">
<div class="col-12 mt-sm" style="margin-top: 3px; margin-bottom: 3px;">
<label for="@dlcontext.Name">
<TelerikCheckBox @bind-Value="@editModel.IsSelected" Id="@dlcontext.Name" Enabled="true" />
@dlcontext.Name
</label>
</div>
</div>
</Template>
</TelerikListView>

Thanks,

Vishnu Vardhanan

ListView

answered on 28 Jan 2021

2 answers

7.1K+ 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

860 views

[Solved] 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

271 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

378 views

[Solved] 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

344 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