Questions on UI for Blazor Forum

3,609 questions

1 answer

1.4K+ views

I'm working on porting a UWP app to .Net core, and I can't find how to set the chart area color:

In the UWP, I have the graph sitting in a grid, and my code is

var tempBrush = new SolidColorBrush(GetBackgroundColor(_theData[0].ModuleType));
theGrid.Background = tempBrush;
dataGraph.Background = tempBrush;

I'd assume the Graph has the ability to set a style, but nope.

The samples don't seem to show how to set a lot of things like MajorStep, MinorStep, label rotation etc for a TimeAxis - and I can't find a good reference for what is available. (The API docs have almost no examples.)

Charts

answered on 10 Aug 2020

2 answers

2.0K+ views

When Modal Window is Shown background scrolling can still happen

When a modal window is shown the browser can still scroll in the background. See https://www.telerik.com/forums/how-to-globally-disabled-scrolling-when-a-modal-is-open for something similar that was happening in the kendo components. Any guidance on a fix for the blazor component?

Window

answered on 10 Aug 2020

1 answer

1.3K+ views

Diagram control

Is there any plan to implement the Diagram control in Blazor?

General Discussions

answered on 08 Aug 2020

8 answers

2.4K+ views

Filterable="true" causing Object reference not set to an instance of an object

Everything is working fine in my Grid, except the Filterable="true".

When I set the property to true, the grid throws an exception:

Object reference not set to an instance of an object.
at Telerik.Blazor.Components.TelerikRootComponentFragmentBase.OnInitAsync()
at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()

Any help?

Grid

answered on 07 Aug 2020

1 answer

287 views

How to use on an iPad

Hi,

I'm very happy to see, that we can now use the contextmenu.

I can use it on the desktop and on a surface (touch), but not on an ipad.

Is there any possibilty to make it usable?

ContextMenu

answered on 06 Aug 2020

7 answers

1.7K+ views

preventdefault on checkbox

Hi,

I want to set preventDefault to true on my checkbox, something like this:

<TelerikCheckBox Id="checkboxReader" @onclick:preventDefault="true" Class="checkbox-rbac" @bind-Value="isReader"></TelerikCheckBox>

But I get error:

Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TelerikCheckBox`1[[System.Boolean, mscorlib, Version=2.0.5.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]]' does not have a property matching the name 'onclick'.

It works fine for normal input:

<input id="checkbox-rbac-azure-01" class="checkbox-rbac-azure" type="checkbox" @onclick:preventDefault="true" />

Checkbox

answered on 05 Aug 2020

3 answers

1.0K+ views

Grid Custom Filter Row

Hi everyone,

I've been testing the new features of the Telerik Grid and i've encountered a behavior that i can't quite understand.

My Custom Filter Row is applied but to the previous column as it shows in the attached screenshot.

Here is the entire code of my Grid :

<TelerikGrid Data="@listDemandes"

PageSize="10"

Pageable="true" Sortable="true" Groupable="false" Reorderable="false" Resizable="true"

FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"

OnUpdate="@UpdateHandler" OnEdit="@EditHandler" OnDelete="@DeleteHandler" OnCreate="@CreateHandler">

<DetailTemplate Context="ctxDemande">

@{

var demande = ctxDemande as WillyDemande;

<TelerikGrid Data="demande.WillyMachines" Pageable="false">

<DetailTemplate Context="ctxMachine">

@{

var machine = ctxMachine as WillyMachine;

<TelerikGrid Data="machine.WillyResults" Pageable="false">

<GridColumns>

<GridColumn Field=@nameof(WillyResult.Type) Title="Type" Filterable="true" Editable="false" />

<GridColumn Field=@nameof(WillyResult.Description) Title="Description" Filterable="true" Editable="false" />

</GridColumns>

</TelerikGrid>

}

</DetailTemplate>

<GridColumns>

<GridColumn Field=@nameof(WillyMachine.DocumentType) Title="Type" Filterable="true" Editable="false" />

<GridColumn Field=@nameof(WillyMachine.Statut) Title="Statut" Filterable="true" Editable="false" />

<GridColumn Field=@nameof(WillyMachine.DateDebut) Title="Debut" Filterable="true" Editable="false" />

<GridColumn Field=@nameof(WillyMachine.DateFin) Title="Fin" Filterable="true" Editable="false" />

<GridColumn Field=@nameof(WillyMachine.Performance) Title="Performance" Filterable="true" Editable="false" />

</GridColumns>

</TelerikGrid>

}

</DetailTemplate>

<GridColumns>

<GridColumn Field=@nameof(WillyDemande.DessinCommande) Title="Commande" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.DessinCommande" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.Username) Title="Usager" Editable="false">

<FilterCellTemplate>

@*<TelerikComboBox Data="@CurrentUsernames"

Value="@UserName"

Filterable="true"

ValueChanged="@(async (string val) =>

{

UserName = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = UserName;

if (string.IsNullOrEmpty(UserName))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>*@

</FilterCellTemplate>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.SendingComputer) Title="Poste" Editable="false">

<FilterCellTemplate>

<TelerikComboBox Data="@CurrentSendingComputers"

Value="@SendingComputer"

Filterable="true"

ValueChanged="@(async (string val) =>

{

SendingComputer = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = SendingComputer;

if (string.IsNullOrEmpty(SendingComputer))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>

</FilterCellTemplate>

</GridColumn>

<GridColumn Field="IdPartNavigation.Name" Title="Configuration" Editable="false" />

<GridColumn Field="IdPartNavigation.Revision" Title="Révision" Editable="false" />

<GridColumn Field=@nameof(WillyDemande.Eco) Title="ECO" Editable="false">

<FilterCellTemplate>

<TelerikComboBox Data="@CurrentECOs"

Value="@ECO"

Filterable="true"

ValueChanged="@(async (string val) =>

{

ECO = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = ECO;

if (string.IsNullOrEmpty(ECO))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>

</FilterCellTemplate>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.ProjectName) Title="Projet" Editable="false" />

<GridColumn Field=@nameof(WillyDemande.WilmaRbre) Title="RBRE" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.WilmaRbre" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.WilmaRbtk) Title="RBTK" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.WilmaRbtk" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.WilmaTls) Title="RBLK" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.WilmaTls" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.WilmaTq) Title="TQUE" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.WilmaTq" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.WilmaTc) Title="TCON" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.WilmaTc" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.PdfOnly) Title="PDF Only" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.PdfOnly" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.DateProduite) Title="Produite" Editable="false" />

<GridColumn Field=@nameof(WillyDemande.Priority) Title="Priorité" Editable="false">

<FilterCellTemplate>

<TelerikComboBox Data="@CurrentPriorities"

Value="@Priority"

Filterable="true"

ValueChanged="@(async (string val) =>

{

Priority = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = Priority;

if (string.IsNullOrEmpty(Priority))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>

</FilterCellTemplate>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.Statut) Title="Statut" Editable="false">

<FilterCellTemplate>

<TelerikComboBox Data="@CurrentStatuts"

Value="@Statut"

Filterable="true"

ValueChanged="@(async (string val) =>

{

Statut = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = Statut;

if (string.IsNullOrEmpty(Statut))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>

</FilterCellTemplate>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.StatutSyteline) Title="Importé" Editable="false">

<Template>

@{

var ctx = context as WillyDemande;

<input type="checkbox" disabled @bind="ctx.StatutSyteline" />

}

</Template>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.DateSyteline) Title="Importation" Editable="false" />

<GridColumn Field=@nameof(WillyDemande.ServerName) Title="Serveur" Editable="false">

<FilterCellTemplate>

<TelerikComboBox Data="@CurrentServerNames"

Value="@ServerName"

Filterable="true"

ValueChanged="@(async (string val) =>

{

ServerName = val;

var filter = context.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;

filter.Value = ServerName;

if (string.IsNullOrEmpty(ServerName))

{

await context.ClearFilterAsync();

}

else

{

await context.FilterAsync();

}

})">

</TelerikComboBox>

</FilterCellTemplate>

</GridColumn>

<GridColumn Field=@nameof(WillyDemande.DateDebut) Title="Début" Editable="false"/>

<GridColumn Field=@nameof(WillyDemande.DateFin) Title="Fin" Editable="false"/>

<GridColumn Field=@nameof(WillyDemande.Performance) Title="Performance" Editable="false"/>

<GridColumn Field=@nameof(WillyDemande.PathModel) Title="Emplacement" Editable="false"/>

<GridColumn Field=@nameof(WillyDemande.MailAddress) Title="Courriel" Editable="false"/>

<GridCommandColumn>

<GridCommandButton Command="Save" Icon="save" ShowInEdit="true">Mettre à jour</GridCommandButton>

<GridCommandButton Command="Delete" Icon="delete">Supprimer</GridCommandButton>

<GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true">Cancel</GridCommandButton>

</GridCommandColumn>

</GridColumns>

</TelerikGrid>

Grid

answered on 05 Aug 2020

4 answers

459 views

The inline DatePicker has huge left padding

See the attached image.

How do I suppress the padding/margin/whatever?

I can't see the classes used because the picker disapperas as soon as you click outside the cell.

Grid

answered on 05 Aug 2020

2 answers

2.4K+ views

[Solved] DropDownList DefaultText is empty

Hi,

I created a DropDownList in my blazor app. With defaultText property. When DropDownList is rendered it does not show any text

Unfortunately I can't paste the print screen.

Labrary: Telerik.UI.for.Blazor 2.15.0

Thanks,

Artem

Code

<TelerikDropDownList Data="@Activities"

@bind-Value="@SelectedActivitiesIds"

TextField="@nameof(Activity.ActivityId)"

ValueField="@nameof(Activity.Code)"

DefaultText="Select Activity"

Width="200px"

Id="ddlActivity">

</TelerikDropDownList>

DropDownList

answered on 05 Aug 2020

1 answer

317 views

Chart tooltips sometimes show outside of browser window

I have a chart which is essentially 100% of the browser window.
Tooltips are standard code like:

<ChartTooltip Visible="true" Shared="true" />

When the user hovers at the bottom of the chart item then the tooltip goes off screen and is cut off.

Charts

answered on 05 Aug 2020

Top users last month