Is it possible to have nested tiles in a TileLayout.
For example. The main page could have 2 tiles which the user could reorder or resize and within each of these tiles there would be some components that could be reordered or resized just within the inner tile.
In the image below I was able to create 2 tiles but they cannot be reordered.
I tried placing these 2 tiles inside another TelerikTileLayout but had issues when attempting to reorder or resize the inner components.
In my actual application I may end up with multiple levels of nesting and the structure is generated from a definition read in by the page.
I create an example here https://blazorrepl.telerik.com/QTapQGvU54CO5Pjw05
Regards
<TelerikCard Width="25vh">
<CardBody>
<div class="form-group-short">
<label class="col-form-label">Patient Status</label><br />
<TelerikDropDownList @bind-Value="@IsActiveFilterIndex"
TextField="Name" ValueField="Id"
ReadOnly="@(!IsActiveFilterEnabled)"
Data="@IsActiveFilterOptions">
</TelerikDropDownList>
</div>
<div class="form-group-short align-bottom">
<label class="col-form-label gsi-color-white">Apply Filter</label><br />
<TelerikButton OnClick="OnFilter" Class="gsi-background-color gsi-color-white">
Apply Filter
</TelerikButton>
</div>
</CardBody>
</TelerikCard>
I can now list my files in the upload control. Now, how do I get the stream from the collection of files? I need to have the stream in order to upload to Azure.
foreach (UploadFileInfo file in args.Files) { var fileName = Path.GetFileName(file.Name); //await using (var fileStream = new FileStream(fileName, FileMode.Create))
<div class="gsi-background-color-light" style="height: 41px; display:flex;justify-content:space-between;">
<div class="align-self-center gsi-font-kendo gsi-margin-0">
Patient Filters
</div>
<TelerikButton Id="filterChevronButton"
FillMode="Clear"
Class="gsi-border-width-0 gsi-border-color-white gsi-padding-8"
Icon="@( FilterVisible? Telerik.SvgIcons.SvgIcon.Filter : Telerik.SvgIcons.SvgIcon.Filter)"
OnClick="@(() => ExpandCollapse())" />
</div>
<TelerikAnimationContainer @ref="@AnimContainer"
Class="gsi-background-color-light gsi-margin-5 k-rounded-0"
Width="100%"
Height="100vm">
<TelerikStackLayout Spacing="1px" Class="gsi-margin-5">
<TelerikCard Width="25vh">
<CardBody>
<div class="form-group-short">
<label class="col-form-label" for="firstName">First Name</label><br />
<TelerikTextBox @bind-Value="@FirstNameFilter"
Name="firstName"
Placeholder="-No Filter-"
OnChange="@(x => OnFilterChanged(nameof(FirstNameFilter), x))">
</TelerikTextBox>
</div>
private async Task OnFilterChanged(string propertyName, object newValue) { await GetPatients(); ExpandCollapse(false); }
private async Task OnFilterChanged(string propertyName, object newValue) { object existingValue = this.GetPropertyValue(propertyName); if (newValue != existingValue) { this.SetPropertyValue(propertyName, newValue); await GetPatients(); ExpandCollapse(false); } }
public async void ExpandCollapse(bool? filterVisible = null) { if (filterVisible.HasValue) { await AnimContainer.ToggleAsync(); FilterVisible = filterVisible.Value; } else { await AnimContainer.ToggleAsync(); FilterVisible = !FilterVisible; } }
Hi.
I've got a TelerikGrid set up to use aTItem of Dictionary<string, int> (for example). I'm having an issue with the tooltip when I perform a row drag and drop in that the value shown is "null". I've attached a stripped down example of this, and its equivalent of where the Dictionary has been replaced with a class. We can't go down that route though as the data is dynamic in structure when supplied to the grid.
Any help appreciated.
On both the Tab strip selected tab and the grid header, there's a mouseover / hover effect which thickens the bottom border by 1px;
Standard;
Hover;
I've been trying to remove this effect (largely since it causes a height change), but not having any luck identifying the right CSS classes to modify. I still want the selected tab to be highlighted, and if possible to remove the mouseover on unselected tabs - this gives the bottom a thin border with the same height problem.
Any help greatly received!
Hi I was wondering if it's possible to find more details on exactly what is changed in each release? In general the list in Release History is very generic and does not necessarily mention what method or API, etc. changed. Competing products will display links to issues or work items included, or at least more details about what code changes were made. And the lists are comprehensive.
For instance, in v9 demos, there is a NEW badge on the Grid -> Export, though exporting has been there for awhile. Reading Release History alludes to:
but that doesn't really tell me what is changed or available now. Looking at the docs nothing seems radically new.
Details like that are critical in an enterprise environment when evaluating new features or breaking changes, or to just keep up with what's changing. And if I'm just missing this info somewhere, let me know.
Why did you remove the centered option in the window in place of Top and Left positions in 9.0.0?! The programmer will now have to manually figure out the top/left corner location based on the browser size and the size of the window. I have 20+ of your window controls and all of them are skewed out of the browser window when I set them to 50%, 50%. This makes centering of a window a completely manual process and VERY difficult.
Hello,
I'm getting several time out messages while trying to restore nuget packages from a Azure Pipeline.
Is there any running issue with the Nuget servers?
BR,
Vitor Linares