Hello,
I am using the Scheduler, and I need to go quite far in its usage.
The events I need to display in the Scheduler follow creation constraints that require me to have control over the creation form.
So, I naturally followed the guide to create a 'custom edit form' found here: https://github.com/telerik/blazor-ui/tree/master/scheduler/custom-edit-form. However, I am facing an issue where I am unable to retrieve the user's choice from the popup. (cf 2024-10-21-11h47_41.png)"
I implemented the JS hack on the double-click:
function clickSchedulerPromptButton(btnIndex) {
setTimeout(function () {
var buttons = document.querySelectorAll(".k-window-content .text-right button");
if (buttons && buttons.length >= btnIndex) {
var chosenButton = buttons[btnIndex];
chosenButton.click();
}
}, 50);
}
This allows me to handle the choice in my own edit popup (which, by the way, reduces the number of windows opened, improving the user experience), and it works.
However, if the Scheduler is configured with AllowUpdate = true, another way to modify a series becomes available: resizing appointments with the mouse. In this specific case, the EditItem event is not triggered; instead, the OnUpdate event is triggered, but only after the choice popup has been displayed. Since it's not possible to retrieve the user's choice, the entire series is always modified (and the event arguments do not carry the targeted occurrence date anyway).
I believe this is a BUG, as it makes the Scheduler difficult to use in its current state.
Can you help me to solve this bug :
Thank you in advance for your response, which I hope will be constructive.
Is it possible to get the carousel to maximize when you maximize the window?
Currently, the carousel retains its actual size when the window is maximized.
<TelerikWindow @ref="ImageWindow" Class="demo-window" Width="fit-content" Height="fit-content" Centered="true" Modal="true"
@bind-Visible="@IsImageWindowVisible" FooterLayoutAlign="@WindowFooterLayoutAlign.Start">
<WindowTitle>
<strong>View Image</strong>
</WindowTitle>
<WindowActions>
<WindowAction Name="Close"></WindowAction>
</WindowActions>
<WindowContent>
<TelerikCarousel Data="@ListViewData" Width="@(CarouselWidth + "vw")"
Height="@("calc(" + CarouselWidth + "vw * .75)")"
Pageable="false" LoopPages="false" AutomaticPageChange="false"
@bind-Page="@CarouselPageIndex">
<Template>
<div class="image-with-text">
<p>@(context.Description)</p>
<img src="@(context.FileUrl)" alt="ReportImage" />
</div>
</Template>
</TelerikCarousel>
</WindowContent>
</TelerikWindow>
There are several very annoying bugs that have been reported multiple times by our end users that are using it on a daily basis for editing:
Selection is not kept when formatting (https://feedback.telerik.com/blazor/1623035-keep-selection-and-cursor-placement-after-block-operations)
State of formatting button is invalid (https://feedback.telerik.com/blazor/1602216-the-state-of-the-text-formatting-buttons-is-wrong-when-moving-the-cursor-from-one-formatted-text-to-a-differently-formatted-text)
Copy/Paste buttons are missing (https://feedback.telerik.com/blazor/1589151-toolbar-buttons-for-cut-copy-and-paste)
Even if read-only, it can still be edited (https://feedback.telerik.com/blazor/1545579-disabled-or-readonly-editor-is-still-focusable-and-editable)
If opening a toolbar dropdown (for example color picker), it does not always close if clicking beside it in the editor.
Do you plan fixing such basic editing bugs in the next release?
Hi,
I have chart that is created dynamically. How to refresh all of the dynamically created charts.
@foreach (var item in popData)
{
<TelerikChart Width="100%" Height="600px" @ref="PopChart">
<ChartSeriesItems>
<ChartSeries Type="ChartSeriesType.Bar" Data="@item.chartData" Color="@item.borderColor"
Field="@nameof(Classes.PopulationChartClass.count)" CategoryField="@nameof(Classes.PopulationChartClass.ageGroup)">
@* <ChartSeriesLabels Template="#=value# " Visible="@LabelVisable"></ChartSeriesLabels> *@
<ChartSeriesTooltip Visible="true">
<Template>
</Template>
</ChartSeriesTooltip>
</ChartSeries>
</ChartSeriesItems>
<ChartValueAxes>
<ChartValueAxis Color="black">
<ChartValueAxisTitle Text="Population" />
<ChartValueAxisLabels Format="{0:N0}"></ChartValueAxisLabels>
</ChartValueAxis>
</ChartValueAxes>
<ChartCategoryAxes>
<ChartCategoryAxis>
<ChartCategoryAxisLabels>
<ChartCategoryAxisLabelsRotation Angle="315" />
</ChartCategoryAxisLabels>
</ChartCategoryAxis>
</ChartCategoryAxes>
</TelerikChart>
}
In Winforms we use the SqlGeospatialDataReader to load polygons and multipolygons that are stored in SQL geography fields into the RadMap control. Is there something similar for the Blazor Map control? If no, would you recommend loading these shapes into the Blazor version of the map control?
Hello, with TelerikScheduler, I want to be able to highlight certain hours and apply a custom logic.
For example in the attached file picture, can it function like Outlook when it is in Schedule View? I want to be able to highlight like in the picture, 3:30pm to 4:30pm, and then do something in the background. Does TelerikScheduler allow something like this?
Whenever I add a TelerkiCheckBox to a page/component the testers complain that they can't see the border of the checkbox so I'm constantly adding the below css to my razor files:
<style>
.k-checkbox {
/* Make the border a little darker than the default */
border-color: rgba(0, 0, 0, 0.4);
}
</style>
If I add this to my app.css it doesn't get applied.
Is there any way to apply this at a global level?