Questions on UI for Blazor Forum

1 answer

109 views

How to ignore _ on Telerik Blazor MaskText box.

I want to ignore _ only numbers are allowed.

MaskedTextBox

answered on 19 Jul 2022

2 answers

274 views

Identify unsupported Browser

Hi, I need to identify browser in Blazor, How can I do it?

Could you help me please?

Peter

General Discussions

answered on 19 Jul 2022

1 answer

402 views

Gannt chart - How to disable editing or dragging of tasks on timeline? (Timeline read-only mode?)

Hi,

I'm trying to display the Gantt component as read-only. While it's easy to disable editing for the TreeList that's part of the Gantt component, I can't seem to disable editing of tasks through the timeline. There are 3 things that I'm trying to resolve.

1. How to disable the popup editor when double clicking a task in the timeline?
Only thing I can come up with is hide the popup editor through a css class with 'display: none':

<GanttSettings>
  <GanttPopupEditSettings Class="d-none" />
</GanttSettings>

2. How to disable dragging of the tasks on the timeline?
I can't seem to find a way to lock the tasks in place. I can always drag them.
I'm aware I can set the start and end values of the task back to the original value after dragging (through OnUpdate), but I don't want to be able to drag them in the first place.

3. How to hide specific editing buttons on the task in the timeline?
When hovering over a task in the timeline it always shows a number of handles or buttons for the following actions (circled in red in the below screenshot):
- change the completion percentage.
- specify new dependencies
- delete the task

How can the handles and buttons for these actions be disabled/hidden?

Kind Regards

Gantt

answered on 18 Jul 2022

0 answers

102 views

Chart sorting

1. How can I force sorting it by number and not string?

2. When sorting, can I force one of the row to always be at the bottom? (i.e. if one of the cells includes 'Total' text)

Charts

asked on 17 Jul 2022

1 answer

538 views

Should @key be used explicitly with Telerik Blazor?

Hi, the standard Blazor programming docs recommend using the @key marker with components that are generated in a loop at runtime, which would be the Grid, TreeList, etc., however, I have not seen this @key marker used in any of the Telerik Blazor demos or sample code. Is setting of the @key marker done automatically by Telerik Blazor for the Grid, TreeList, etc., or is that something we should be doing somehow as we write apps using these components?

Optimising using @key – Blazor University (blazor-university.com)

Grid

TreeList

answered on 15 Jul 2022

1 answer

207 views

ChartSeriesLabels being cutoff

How can I avoid this from happening?

Charts

answered on 15 Jul 2022

0 answers

200 views

How can i render a TelerikFloatingLabel with a TelerikTextBox inside using Blazor RenderTreeBuilder?

Hey!

I searched everywhere but i can't find a solution for my problem.

Im using a TelerikTextBox with Telerik Blazor 2.3 but i upgraded to 3.4 and now you have to use a TelerikFloatingLabel as a parent element for the textbox.

This is my old code:

  internal static void CreateLabelTextBox(RenderTreeBuilder builder, int index, string labelContent, string propertyName, object sender, object bindObject, string className, bool isEnabled)
        {
            builder.OpenElement(index++, "Div");
            if (!string.IsNullOrEmpty(className))
            {
                builder.AddAttribute(index++, "Class", className);
            }
            builder.AddContent(index++, (RenderFragment)((rBuilder) =>
            {
                rBuilder.OpenComponent(index++, typeof(TelerikTextBox));
                if (!string.IsNullOrEmpty(labelContent))
                {
                    rBuilder.AddAttribute(index++, "Label", labelContent);
                    rBuilder.AddAttribute(index++, "Title", labelContent);
                }
                rBuilder.AddAttribute(index++, "id", GetNewId());
                if (TryGetProperty(propertyName, bindObject, out PropertyInfo property))
                {
                    var propertyValue = property.GetValue(bindObject) != null ? property.GetValue(bindObject).ToString() : string.Empty;
                    rBuilder.AddAttribute(index++, "Value", propertyValue);
                    rBuilder.AddAttribute(index++, "ValueChanged", EventCallback.Factory.Create<System.String>(sender, str => { property.SetValue(bindObject, str); }));
                }
                rBuilder.AddAttribute(index++, "Enabled", isEnabled);
                rBuilder.CloseComponent();
            }));
            builder.CloseElement();
        }
 
And now im trying to wrap this inside of a FloatingLabel:
internal static void CreateLabelTextBox(RenderTreeBuilder builder, int index, string labelContent, string propertyName, object sender, object bindObject, string className, bool isEnabled)
        {
            builder.OpenElement(index++, "Div");
            if (!string.IsNullOrEmpty(className))
            {
                builder.AddAttribute(index++, "Class", className);
            } builder.AddContent(index++, (RenderFragment)((rBuilder) =>
            {
                rBuilder.OpenComponent(index++, typeof(TelerikFloatingLabel));
                if (!string.IsNullOrEmpty(labelContent))
                {
                    rBuilder.AddAttribute(index++, "Text", labelContent);
                    //rBuilder.AddAttribute(index++, "Title", labelContent);
                }
rBuilder.AddContent(index++, (RenderFragment)((xBuilder) =>
                {
                    xBuilder.OpenComponent(index++, typeof(TelerikTextBox));
                    //if(TryGetProperty(propertyName, bindObject, out PropertyInfo property))
                    //{
                    //    var propertyValue = property.GetValue(bindObject) != null ? property.GetValue(bindObject).ToString() : string.Empty;
                    //    xBuilder.AddAttribute(index++, "bind-Value", propertyValue);
                    //}

                    xBuilder.CloseComponent();
                }));

                rBuilder.CloseComponent();
            }));
            builder.CloseElement();
}
 
Any suggestions how this might work?

FloatingLabel

TextBox

asked on 14 Jul 2022

1 answer

110 views

I want to override on AllowCreate, How to override this method in TelerikSchedule?

When AllowCreate="true", its automatically opened own appointment addDialog?. I want Stop that and want move custom page(My own page).

Please help me!

Thank You!.

Scheduler

answered on 14 Jul 2022

1 answer

246 views

Deserialize CompositeFilterDescriptor

I'm trying to save the CompositeFilterDescriptor.

If I do the following:

var serializedFilter = JsonSerializer.Serialize(FilterValue);
var deserializedFilter = JsonSerializer.Deserialize<CompositeFilterDescriptor>(serializedFilter);

The deserializedFilter FilterDescriptor.MemberType is null and if used causes the the display of the filters to throw an exception.

Note that the filters are part of a user preferences class that is serialized as a whole. So is there a proper way to serialize/deserialize?

Filter