Hello Telerik team,
In order to have a the navigation feature on the Chart, I try to use TelerikStockChart with Line and Area series. I have the following code (adapted of your exemple):
https://blazorrepl.telerik.com/QxuvvZbK14tymFOf29@using TelerikBlazorDemos.DataAccess.Services
@using TelerikBlazorDemos.DataAccess.Dto
@page "/stockchart/overview"
@page "/stockchart/index"
@using System.Collections.Generic
@inject HttpClient http
@if (Data?.Count() > 0)
{
<TelerikStockChart Width="@Width"
Height="@Height"
DateField="@nameof(StockDto.Date)">
<StockChartTitle Text="The Boeing Company NYSE:BA"></StockChartTitle>
<StockChartTooltip Visible="true"></StockChartTooltip>
<StockChartSeriesItems>
<StockChartSeries Type="StockChartSeriesType.Area"
Data="@Data"
Name="test"
Field="@nameof(StockDto.Low)">
</StockChartSeries>
</StockChartSeriesItems>
<StockChartNavigator>
<StockChartNavigatorSeriesItems>
<StockChartNavigatorSeries Type="StockChartSeriesType.Line"
Data="@Data"
Field="@nameof(StockDto.High)">
</StockChartNavigatorSeries>
</StockChartNavigatorSeriesItems>
</StockChartNavigator>
<StockChartValueAxes>
<StockChartValueAxis Name="test" Max="40">
<StockChartValueAxisTitle Text="test2" />
<StockChartValueAxisLabels Background="Yellow"/>
</StockChartValueAxis>
</StockChartValueAxes>
</TelerikStockChart>
}
@code {
private StockService _stockService;
private StockService StockService
{
get
{
if(_stockService == null)
{
_stockService = new StockService(http);
}
return _stockService;
}
}
public const string Height = "400px";
public const string Width = "100%";
IEnumerable<StockDto> Data { get; set; }
protected override async Task OnInitializedAsync()
{
Data = (await StockService.GetStocks()).Take(100);
await base.OnInitializedAsync();
}
}
The problem is the y axis label. I didn't succeded to remove the currency symbol.
I try to change the StockChartValuesAxisLabel format on the TelerikStockChart but the field is not available.
How can i change this format?
Thanks
I would like to be able to do something like the following - cause the tooltip to close from my code:
<TelerikTooltip TargetSelector="#tooltip1" ShowOn="@TooltipShowEvent.Click" @ref="@TooltipRef">
<Template>
Content Here
<button type="button" class="btn btn-primary" @onclick="tipClose">Save</button>
</Template>
</TelerikTooltip>
<a href="#" id="tooltip1" class="btn btn-secondary">open</a>
@code{
Telerik.Blazor.Components.TelerikTooltip TooltipRef { get; set; }
void tipClose()
{
// TooltipRef ?
}
}
I would like the ability to flag elements in a data bound combo that are no longer available as disabled and not selectable. Had they been previously selected, they still need to show, but should not allow a user to select it again.
I would like a property that can be set when databinding a combo.
For instance when you set the Data, TextField, & ValueField properties, can there also be one for SelectableField (or something) - this could be mapped to a Boolean in the dataset.
If this property isn't used then it defaults to yes (ie they are all selectable), but if it is used, then any items which have this field set to 'no' then they show as a different color (could just be grey) but are not selectable by the user.
If they had previously been selected (prior to being marked as no longer available) then they should show when the record is loaded, but otherwise they are not selectable.
I don't particularly want to write code on click to see if its enabled and then unselect it, I would prefer it to simply be built into the base control.
Is this possible? Or is there another property already there that does this?
Hello,
The problem is similar to https://feedback.telerik.com/blazor/1552955-child-treeview-items-not-checked-after-expand, but in this case, the TreeView is using load-on-demand and the OnExpand event. As soon as a checked parent is expanded, the child checkboxes are always unchecked.
Here is a test page. Expand the parent item, check it, collapse it and then expand it again. The child nodes will lose their checked state.
<TelerikTreeView Data="@FlatData"
OnExpand="@LoadChildren"
CheckBoxMode="@TreeViewCheckBoxMode.Multiple"
CheckChildren="true"
CheckParents="true"
@bind-CheckedItems="@CheckedItems"
@bind-ExpandedItems="@ExpandedItems">
</TelerikTreeView>
@code {
List<TreeItem> FlatData { get; set; } = new List<TreeItem>();
IEnumerable<object> CheckedItems { get; set; } = new List<object>();
IEnumerable<object> ExpandedItems { get; set; } = new List<object>();
async Task LoadChildren(TreeViewExpandEventArgs args)
{
TreeItem currItem = args.Item as TreeItem;
if (args.Expanded && !FlatData.Any(x => x.ParentId == currItem.Id))
{
if (currItem.Id == 1)
{
FlatData.Add(new TreeItem()
{
Id = 4,
Text = "Child 1 of Parent 1",
ParentId = 1,
HasChildren = false
});
FlatData.Add(new TreeItem()
{
Id = 5,
Text = "Child 2 of Parent 1",
ParentId = 1,
HasChildren = false
});
}
}
}
protected override void OnInitialized()
{
FlatData = LoadFlat();
}
private List<TreeItem> LoadFlat()
{
FlatData.Add(new TreeItem()
{
Id = 1,
Text = "Parent 1",
ParentId = null,
HasChildren = true
});
return FlatData;
}
public class TreeItem
{
public int Id { get; set; }
public string Text { get; set; }
public int? ParentId { get; set; }
public bool HasChildren { get; set; }
}
}
The Image Thumbnail Viewer Component should have features like:
This Thumbnail Viewer can then be used within Data Grid, File Manager/Explorer, Card View, Drop down lists, List Views, Tiles etc.
The Theme Builder contains a really nice looking Popover control, and I was a bit disappointed to discover that this doesn't seem to be documented or supported in UI for Blazor.
I realize I can probably use the Tooltip to achieve a similar effect, with two caveats:
Is there any chance a Popover control is planned for a future release?
In Grid with Filter Menu, I want to trigger the Filter button on Enter press while the focus is still on the filter input.
Currently, it is possible to fire filtering from keyboard only if you tab through the Filter Menu elements to focus the Filter button and then press Enter.
Telerik Multi Select to have optional top level header item with check box & title "Select All" [Localizable].
If all items are selected, the display box of the Multi-Select should show "All Selected" instead of list of selected items.
Pdf viewer should display form fields like Text fields, check boxes, etc and allow users to type in fields. Also support form field calculations.
Once populated, allow client side save to a file blob so that the data could be posted to a server or really whatever the dev wanted to do with it.
Hi,
I'm looking to implement the Filter component (https://demos.telerik.com/blazor-ui/filter/overview ), but I would like to specify a custom editor for the value input field (e.g. for a custom dropdown or other input component for a complex value type).
Is it possible to provide a custom editor template for the value field of the Filter component?
Kind Regards,
I'd like to request a native Blazor Image Component that allows to provide different parameters to control the image.
This could also help to connect it to the upload component, for user to see the image while still in browser and make some changes, i.e resizing, cropping, Black/White, before sending it to server to be stored.
Thanks!
..Ben
Hello ,
i was wondering if there is an OnSelect event. I would to prevent an item from selection under some conditions
Hi,
it would be nice to have a single button in the GridToolbar that opens the column chooser menu or something like that (popup?).
Often we need to save space in a grid and disable the menu option for the columns but then we lose the ability to choose which columns the user might want to disable. This also apply to very small columns with small header information, e.g. if you just need 2 or 3 letters to describe the column data then the menu with its three dotted button is to large.
Best Regards,
Thomas
We are needing a way to display a hierarchy inside the ComboBox. I don't see any examples on this particular feature, I had found a similar request, but not identical.
Our use case:
We have administrators that manage multiple tenants within our system. The tenants are part of a hierarchy, the user needs to be able to select a tenant or tenant parent.
I will use hotels as an example:
-Chain 1
--Brand 1
---Property 1
---Property 2
--Brand 2
---Property 3
Our current system that we are migrating controls from has this feature, so I would like to stick as close to this functionality as possible, however; if it is not an option, what control would you suggest as an alternative.
See example (sorry for the redactions)
The core concept is providing a user a choice as part of a form, but layout needs to be organized so that a user can easily navigate. Top level names are unique, all other names can duplicate since they may share similar naming conventions across different organizations.
An option that may work as an alternative, is invoking a dialog popup and within it having a tree list of the information I need. I think it could work, but it would certainly break the flow of the form.
Nice job on Telerik, Kendo UI and Test Studio R3 2022! I like the PDF Viewer UI Controls. Question: Any plans to add annotations and comments to CLIENT-SIDE ONLY solution i.e. .NET Blazor MAUI libraries similar to this server-side only solution