Telerik Forums
UI for Blazor Forum
1 answer
155 views

I am trying to create a break time control using the Telerik Grid and Timepicker controls.  I set the break start values Min is the schedule series start time. and Max is the schedule series end time.  So setting the break start timepicker Min and Max properties correlate to this schedule time frame to keep the break time within the bounds of the schedule. 

When I set break end I want the range in the timepicker to reflect break start to schedule end.  For example:

I have a schedule that starts at 0600 and ends at 1430. 

My first break I choose the start time 0800 from the range of 0600 to 1430.  I want to set the break end time to be chosen from a range of 0800 to 0900. In the image the Break End shows the time range of 0600 to 1430...  So basically I want to have the break end range be from the break start time set.

in short

  • When adding a new Break, the START time should pre-populate with the Scheduled Events actual starting time.  Example: First Shift is from 7:00 AM to 2:30 PM.  When adding a new Break, the start time should pre-populate as 7:00 AM.
  • When you add a new Break and change the START time, it should automatically adjust the END time to at least the same START time + 15 or 30 or xxx minutes.

 

I have tried using the events for the Timepicker to help with this, but I can never get it to update.  Is there a way to achieve this? 

Razor code:

<TelerikGrid Data="@Appointment.Breaks"
	EditMode="GridEditMode.Inline"
	OnCreate="@CreateHandler"
	OnDelete="@DeleteHandler"
	OnUpdate="@UpdateHandler" 
	>
	<GridToolBar>
		<GridCommandButton Command="Add" Icon="add">Add</GridCommandButton>
	</GridToolBar>
	<GridColumns>
		<GridColumn Field="Description" Title="Description" FieldType="@typeof(string)" Width="50%" />
		<GridColumn Field="BreakStart"  Title="Break Start" FieldType="@typeof(DateTime)" DisplayFormat="{0:hh:mm:ss tt}" Width="150px">
			<EditorTemplate>
				@{
					var BreakToEdit = context as Break;

					<TelerikTimePicker Format="hh:mm:ss tt"
						           @bind-Value="@BreakToEdit.BreakStart"
							   Id="timepickerstart"
							   DebounceDelay="@DebounceDelay"
							   Min="@Min" 
							   Max="@Max">
						<TimePickerSteps Minute="5"/>
					</TelerikTimePicker>
				}
			</EditorTemplate>
		</GridColumn>
		<GridColumn Field="BreakEnd" Title="Break End" FieldType="@typeof(DateTime)" DisplayFormat="{0:hh:mm:ss tt}" Width="150px" >
			<EditorTemplate>
				@{
					var BreakToEdit = context as Break;

					<TelerikTimePicker Format="hh:mm:ss tt"
							   @bind-Value="@BreakToEdit.BreakEnd"
							   Id="timepickerend"
							   DebounceDelay="@DebounceDelay"
							   Min="@Min"
							   Max="@Max" >
							<TimePickerSteps Minute="5"/>
					</TelerikTimePicker>
				}
			</EditorTemplate>
		</GridColumn>
		<GridCommandColumn Width="100px">
			<GridCommandButton Command="Edit"   Icon="edit"></GridCommandButton>
			<GridCommandButton Command="Save"   Icon="save" ShowInEdit="true" ></GridCommandButton>
			<GridCommandButton Command="Delete" Icon="delete"></GridCommandButton>
			<GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true"></GridCommandButton>
		</GridCommandColumn>
	</GridColumns>
</TelerikGrid>

Tsvetomir
Telerik team
 answered on 17 Apr 2023
1 answer
342 views

Hello,

We have a Blazor Telerik Grid with DetailTemplate. One of the columns in Master/Parent is an editable column. The grid is set with "Incell" for property 'EditMode'.

Issue:-

When the editable column is clicked for editing, the entire grid row(with detail) is collapsed if the row is in expanded mode. Once editing is completed, the grid goes back to its previous state(expanded).

Editing parent column in collapsed mode, works without any issues.

Would like to know if I can keep the grid row in expanded mode while editing(ie. keep the  original state) if its in expanded state.

If not, is it the default behavior of hierarchy grid and how can it be overridden?

Note - Tried with OnEdit and OnRowClick events, but the collapse happens before the respective event handler call.

Thanks in advance !

Sreeni

Radko
Telerik team
 answered on 17 Apr 2023
0 answers
125 views

Is there a way to force adaptive rendering ?

We have a blazor app inside a maui build, and when built for windows app, it does not trigger adaptive rendering at the size we need.

Is there a way to force adaptive rendering on, or configure when it will switch ?

 

Richard
Top achievements
Rank 1
 asked on 16 Apr 2023
0 answers
223 views

Is there any way to alter/customize the TelerikFilter FilterFields to be able to set a Visible attribute or add a filter template to add your own code to be filtered by?

I have a grid that has a few dropdown list columns that need those values to be in the filter and I have some filterfields that i want to hide under certain conditions. From the documentation, I could not see a way that this is possible.

With grid columns I am able to set them visible true/false as well as add a FilterTemplate. I just want to know if its possible on a FilterField of a TelerikFilter? I only seem to be able to set the attributes Name, Label, and Type.

Thank you!

William
Top achievements
Rank 1
 asked on 14 Apr 2023
0 answers
147 views

When I have a page with a fixed width sidebar, and the pager is in the content area of the page, the adaptive rendering of the pager does not work correctly.   I would expect that as the screen size gets smaller, that the pager will start to drop off the page info and the page size dropdown.  However, it doesn't do this, and it creates a horizontal scrollbar across the page.  Here is a repl illustrating the issue:

https://blazorrepl.telerik.com/wxOIPSvd41wFZsZO20

In my troubleshooting, it looks like the adaptive code to drop off the page info and page size is done somewhere in javascript, and I can't find what logic is being used to set a display: none Style on those items.

What can be done to get this functionality to work when there is a sidebar layout?

 

Mike
Top achievements
Rank 1
Iron
Iron
 asked on 14 Apr 2023
1 answer
581 views

Is it possible to enable or disable the drag & drop feature per row?

I have two or more grids that display products with a quantity field. Dragging from the master grid will move the product and quantity from one grid to an other. When this happens, the secondary grid will get the total quantity from the master grid, leaving the original row with 0 quantity. When the quantity is 0, I want to disable the dragging feature for this particular row. When part or all of the quantity is returned to the original master row, the dragging feature should once again be enabled. I also want to disable drag & drop on the same grid.

It seems to me that there is no drag start event to trigger a possible cancel of drag drop or a drag over event to disable droping an item.

Tsvetomir
Telerik team
 answered on 14 Apr 2023
1 answer
566 views
Dear Team,

I am looking into the possibility to show a dialog via a capsulated service (DialogService.Show<DialogType>(...) ) but because the dialogs are only made visible they have to be in place. I managed to do this via a DynamicComponent, but I would like to inject the dialog dynamically into the dom. I have no idea how to do that though. In WPF f.e. I can add a new object into the tree at any given place. Is this not possible in Blazor?
Would love to get some support on putting such a service for showing a dialog just by a given type from an injected "Service".

Thanks for your help and best regards

Gerrit Puddig
Svetoslav Dimitrov
Telerik team
 answered on 14 Apr 2023
1 answer
378 views

Hi,

I am using telerikgrid control to present my data on the page. 

I am using a header GridCheckboxColumn to select the rows. I want to put a condition so that some rows cannot be selected (disabled for selection).

Please can someone provide some solution for this requirement.

 

Thanks,

 

Afreen

Hristian Stefanov
Telerik team
 answered on 13 Apr 2023
1 answer
308 views

Hi,

I am using the TelerikGrid control to present the data.

I am also using a TelerikGridCheckboxColumn which is bind to a IEnumerableList. I want to disable header checkbox when all the values of IsSelected property in the list are false.

How can I do that?

Thanks,

 

Afreen

Hristian Stefanov
Telerik team
 answered on 13 Apr 2023
1 answer
136 views

您是否有类似于图片中显示的功能?“路由重复使用多个标签页。”

Dimo
Telerik team
 answered on 11 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?