Telerik Forums
UI for Blazor Forum
0 answers
81 views
Hello, I'm currently working on implementing inline editing for the first five rows of a Telerik Grid for blazor upon a button click. Is it possible to achieve this, and if so, could you please provide guidance on how to do it? The button triggering the inline editing functionality is placed outside the grid.


Thank you
Hyper
Top achievements
Rank 1
 asked on 10 May 2024
1 answer
181 views

Hello,

Until recently, I was using font icons in html markup (k-icon, k-i-imagename), but with a recent update to Telerik for Blazor 5.1.1, these do not work anymore. For components which have a Icon property, I simply replace the FontIcon references with SvgIcon.

However, for icons referenced in markup, I'm not able to get the icons to display, as suggested in Changes in Icon Rendering.

Please advise.

Thank you.

Svetoslav Dimitrov
Telerik team
 answered on 10 May 2024
0 answers
60 views

Hi,

      When the page jumps, the appearance position of the Notification component is reset.

My project code:

public static async Task ShowSuccessNotification(string message = "Success",int closeAfter = 60000,object icon = null,AnimationType animationType = AnimationType.Fade,NotificationHorizontalPosition horizontalPosition = NotificationHorizontalPosition.Center, NotificationVerticalPosition verticalPosition = NotificationVerticalPosition.Top)
{
    if (NotificationReference != null)
    {
        NotificationReference.Animation = animationType;
        NotificationReference.HorizontalPosition = horizontalPosition;
        NotificationReference.VerticalPosition = verticalPosition;
        NotificationReference.Text = message;
        NotificationReference.CloseAfter = closeAfter;
        NotificationReference.Icon = icon;
        await NotificationReference.ShowSuccess();
    }
}

Notification Component Code(.razor):

@using Telerik.Blazor
@using Telerik.Blazor.Components

<style>
    .custom-notification-parent {
        position: fixed;
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        z-index: 99999999;
    }

    .custom-positioned-notifications {
        position: relative;
        flex-wrap: nowrap !important;
    }

    .k-notification {
        box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
        font-size: 16px;
    }
</style>

<div class="custom-notification-parent">
    <TelerikNotification @ref="@notification"
                         AnimationType="@Animation"
                         Class="custom-positioned-notifications"
                         VerticalPosition="@VerticalPosition"
                         HorizontalPosition="@HorizontalPosition">
    </TelerikNotification>
</div>

@code {

}
Notification Component Code(.razor.cs):
public partial class Notification
    {
        private TelerikNotification notification { get; set; }
        public NotificationHorizontalPosition HorizontalPosition { get; set; } = NotificationHorizontalPosition.Center;
        public NotificationVerticalPosition VerticalPosition { get; set; } = NotificationVerticalPosition.Top;
        public AnimationType Animation { get; set; }
        public string Text { get; set; }
        public int CloseAfter { get; set; }
        public object Icon { get; set; } = null;

        public async Task ShowSuccess()
        {
            notification.Show(new NotificationModel
            {
                Text = Text,
                ThemeColor = ThemeConstants.Notification.ThemeColor.Success,
                CloseAfter = CloseAfter,
                Icon = Icon
            });
        }

        public async Task ShowError()
        {
            notification.Show(new NotificationModel
            {
                Text = Text,
                ThemeColor = ThemeConstants.Notification.ThemeColor.Error,
                CloseAfter = CloseAfter,
                Icon = Icon
            });
        }

        public async Task ShowWarning()
        {
            notification.Show(new NotificationModel
            {
                Text = Text,
                ThemeColor = ThemeConstants.Notification.ThemeColor.Warning,
                CloseAfter = CloseAfter,
                Icon = Icon
            });
        }

        public async Task ShowInfo()
        {
            notification.Show(new NotificationModel
            {
                Text = Text,
                ThemeColor = ThemeConstants.Notification.ThemeColor.Info,
                CloseAfter = CloseAfter,
                Icon = Icon
            });
        }

        protected override async Task OnInitializedAsync()
        {
            await base.OnInitializedAsync();
            AlertController.SetNotificationReference(this);
        }
    }

Calling code:

try
{
    var response = await CoreDataSource.Request(bulkRequest);

    await AlertController.ShowSuccessNotification("[Complete Work Task]:Success");
    NavigationController.Navigate(new WorkViewParam());
}
catch (Exception e)
{
    await AlertController.ShowWarningNotification("[Complete Work Task]:" + e.Message);
}
Jackson
Top achievements
Rank 2
Iron
Iron
 asked on 09 May 2024
1 answer
217 views

How can I replace the default carat expander of the TelerikTreeView with a customized expander using a TelerikToggleButton?  I'd like to toggle between two ISvgIcons as my expand and collapse. 

What I'm trying to accomplish is very similar to what's being done in this example with RadTreeView and ToggleButton https://docs.telerik.com/devtools/wpf/controls/radtreeview/styles-and-templates/styling-and-appearance-styling-expander.  

Nadezhda Tacheva
Telerik team
 answered on 07 May 2024
1 answer
215 views

I need to know how I can get all the rendered dates from the scheduler for the current view? I know that I have the data that I provide to the scheduler, but I am really concerned with recurring events. For a recurring appointment that is provided to the scheduler data, it could render up to six unique events. I am trying to get a list of those event.

I tried the OnCellRender event which iterates thru all the days on the scheduler, but there is nothing in the event data to identify if an appointment was rendered on that day or not.

I tried the OnItemRender event which iterates thru the appointments on the view, but for the recurring events it always gives the date in the defined appointment not the actual date that it was rendered.

For a use case, I want to use a Calendar to show a minified version of active days in a month. Since some of the events are recurring, I cannot just use the appointment data. I would like to give it to the scheduler and let the scheduler tell me what days are rendered as a result of the provided appointments.

For this appointment list, I should get the following dates returned:
5/2, 5/9, 5/16, 5/23, 5/30, 6/6, 5/25, 5/26

new SchedulerAppointment
{
	Title = "Vet visit",
	Description = "The cat needs vaccinations and her teeth checked.",
	Start = new DateTime(2024, 5, 2, 11, 30, 0),
	End = new DateTime(2024, 5, 2, 12, 0, 0),
	IsAllDay = false,
	RecurrenceExceptions = new List<DateTime>(),
	RecurrenceId = Guid.NewGuid(),
	RecurrenceRule = "FREQ=WEEKLY;BYDAY=TH"
}

new SchedulerAppointment
{
	Title = "Planning meeting",
	Description = "Kick off the new project.",
	Start = new DateTime(2024, 5, 25, 9, 30, 0),
	End = new DateTime(2024, 5, 25, 12, 45, 0)
}

new SchedulerAppointment
{
	Title = "Vet visit",
	Description = "The cat needs vaccinations and her teeth checked.",
	Start = new DateTime(2024, 5, 26, 11, 30, 0),
	End = new DateTime(2024, 5, 26, 12, 0, 0)
}

Dimo
Telerik team
 answered on 07 May 2024
1 answer
113 views

Hello,

i do have a Grid column in the Grid and i want to enter a date range filter in the filter row.
how can i implement this?

best regards

Volkhard

Hristian Stefanov
Telerik team
 answered on 06 May 2024
1 answer
180 views

Hello,
i want to change the color of a header cell text  when the user enters some filter criteria for this column in the filter row.

can you help me?  How can i implement this?

best regards

Volkhard

Hristian Stefanov
Telerik team
 answered on 06 May 2024
1 answer
123 views
Is there a way to allow the filtering logic for the MultiColumnComboBox to search across all visible columns?  or even just all columns?
Hristian Stefanov
Telerik team
 answered on 06 May 2024
1 answer
138 views
I'm Currently developing dynamic pivot grid for that i need to use expandoObject or datatable as datasource
Hristian Stefanov
Telerik team
 answered on 03 May 2024
1 answer
119 views
Is their any way to customize the size of the browser print dialog window? It currently appears in a less-than-ideal manner, especially in Microsoft Edge.
Hristian Stefanov
Telerik team
 answered on 03 May 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?