Questions on UI for Blazor Forum

1 answer

281 views

Telerik Window Title, Actions, and Content components not working after preview 9 update

I've updated to .net preview 9 today and i'm running into an issue with the window components. the TelerikWindow component appears to not have an error, its the child components that appear to be having issues.

TelerikWindowTitle

TelerikWindowActions

TelerikWindowContents

I believe the issue is caused by the following change in preview 9.

"Replace Microsoft.AspNetCore.Components.UIEventArgs with System.EventArgs and remove the “UI” prefix from all EventArgs derived types (UIChangeEventArgs -> ChangeEventArgs, etc.)."

Any idea on when the Telerik Blazor components will be updated to support preview 9?

Window

answered on 05 Sep 2019

1 answer

749 views

Header text align

Hello
I need to display prices and quantities in columns and it's no problem for data. Templates is very usefull thing.
But for Price header I need to place label in center. How can I use it?
Thank you.

Grid

answered on 05 Sep 2019

1 answer

468 views

Handling the ValueChanged problem

Hi, I am trying the example from documentation but it doesnt work and report a js problem in browser.

Error:

blazor.server.js:15 [2019-09-04T13:35:52.440Z] Error: System.InvalidOperationException: Telerik.Blazor.Components.DropDownList.TelerikDropDownList`2[UI.Pages.Users.User+MyDdlModel,System.Int32] requires a value for the 'ValueExpression' ValueExpression is provided automatically when using 'bind-Value'.

at Telerik.Blazor.Common.TelerikInputBase`1.SetParametersAsync(ParameterView parameters)

at Microsoft.AspNetCore.Components.Rendering.ComponentState.SetDirectParameters(ParameterView parameters)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewComponentFrame(DiffContext& diffContext, Int32 frameIndex)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewSubtree(DiffContext& diffContext, Int32 frameIndex)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl)

at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange`1 oldTree, ArrayRange`1 newTree)

at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)

at Microsoft.AspNetCore.Components.Rendering.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)

at Microsoft.AspNetCore.Components.Rendering.Renderer.ProcessRenderQueue()

Code:

@using Telerik.Blazor.Components.DropDownList

<TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField"

Value="@InitialValue" ValueChanged="@( (int v) => MyValueChangedHandler(v) )">

</TelerikDropDownList>

<br />

@result

<br />

@InitialValue

@code {

IEnumerable<MyDdlModel> myDdlData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });

int InitialValue { get; set; } = 3; // an intial value is not required, this example showcases how to set it

string result { get; set; }

public class MyDdlModel

{

public int MyValueField { get; set; }

public string MyTextField { get; set; }

}

async Task MyValueChangedHandler(int newVal)

{

// the type of the value field in the model determines the signature of the handler

result = $"The user selected {newVal}";

// handling ValueChanged does not let you use value binding, so if you need to update the model

// you must do that manually in the handler. This is not required, though

InitialValue = newVal;

}

DropDownList

answered on 05 Sep 2019

1 answer

1.1K+ views

How to change button visibility programmatically?

I am trying to use a Window component with Telerik buttons to allow the user to both make choices and to acknowledge.

If they need to make a choice, I want two buttons. If they need to acknowledge, I want one button.

But the properties of the button don't allow them to be changed programatically.

How to accomplish this?

Button

answered on 05 Sep 2019

8 answers

256 views

Exception if deployed to Azure

I added a chart to my application and it runs locally. When I deploy it to Azure, nothing is displayed and an error is logged on the browser console.

General Discussions

answered on 03 Sep 2019

0 answers

61 views

NavigateTo site with SSL certificate

Hi!

I'm new to Telerik and I'm working on a task to bypass SSL certificate in Chrome browser. I did some research and seem like this issue can be handled in IE but not easy for other browsers. One way we can do this is to use key strokes (i.e. "Tab" and "Enter"). The problem i'm facing is the NavigateTo("url") command throws an inner exception whenever I try to navigate to a Privacy Page. How do I solve this issue? Is there a way to manually enter url address into address bar without using the NavigateTo() function?

Hien

General Discussions

asked on 28 Aug 2019

1 answer

106 views

UI for ASP.NET Core alongside UI for Blazor

Dear Progress Team

We are using UI for ASP.NET Core and we want to migrate to UI for Blazor. However our project is already big and we can not migrate everything at once.

Is it possible to have UI for ASP.NET Core and UI for Blazor in the same c# project?

Something like that:

<myapp>/admin/ <-- legacy screens working with Core

<myapp>/newfeature/ <-- Blazor

if this is possible would you mind to setup up a very basic project that shows how this can be done?

that would be awesome.

Best

Giuseppe

General Discussions