I switched Telerik to the Bootstrap theme, which at first looked good, but realized all the Telerik controls don't really seem to be using Bootstrap and are set to the default sizes. I need the small (sm) sizes which in Bootstrap is trivial to change.
Is there a better way to make all the controls smaller? I've found some controls will accept Bootstrap css while others will not making using Telerik time consuming. The best way I've found to make the Grid smaller is to make my own CSS classes and extensive use of the !important tag, but I still have a lot of work left to get the Grid sized appropriately.
Other controls are inconsistent.
For example, this works:
<TelerikTextBox ... Class="form-control form-control-sm" />
But this does not:
<TelerikNumericTextBox ... Class="form-control form-control-sm" />
I know you can autosize a column by double clicking on the column edge, but is there any way this can be done programmatically?
I would like the grid to automatically size the columns to fit there content when the grid is first displayed.
The VisibleChangedHandler is never hit, either on open or close. Using version 2.23.0
My code/markup is as such:
<TelerikWindow Visible="@documentWindowVisible" VisibleChanged="@VisibleChangedHandler">
<WindowTitle>View/Manage Attachment</WindowTitle>
<WindowContent>
<div id="tooltipmanagedocument" title="View Current Document"></div>
<TelerikEditor @bind-Value="@currentAttachment.Content"></TelerikEditor>
<TelerikButton OnClick="@UpsertDocument" Icon="save"></TelerikButton>
<TelerikButton OnClick="@ExportToPDF" Icon="download"></TelerikButton>
<label>
Upload Attachment (will overwrite existing Attachment but retain history)
<InputFile OnChange="@LoadDocumentFromDisk" accept=".docx"/>
</label>
</WindowContent>
<WindowActions>
<WindowAction Name="Maximize"></WindowAction>
<WindowAction OnClick="hideManageDocument" Name="Close"></WindowAction>
</WindowActions>
</TelerikWindow>
public void VisibleChangedHandler(bool currVisible)
{
if (currVisible)
{
documentWindowVisible = true;
if (IsThereACurrentAttachment)
{
LoadDocumentFromDB();
}
else
{
// need to make load document button invisible
}
}
else
{
documentWindowVisible = false;
}
}
I am using the editorpastesettings:
<EditorSettings>
<EditorPasteSettings ConvertMsLists="true"
RemoveMsClasses="true"
RemoveMsStyles="true"
RemoveHtmlComments="true">
</EditorPasteSettings>
</EditorSettings>
However, when I use these settings it is preventing me from pasting an image (not from a word document, just a screen grab) into the editor.
If I take out the EditorSettings, it works fine. I'm not sure why any of these settings would (or should) prevent me from pasting an image into the editor?
Hi:
Does the new Card component raise events when the cards are resized or reordered? Do they support resize/reorder? Drag & Drop?
I'm would like to determine if the Card component is a better choice than the TileLayout component as I will need to reorder, add, and delete cards/tiles based upon interaction with the user.
Thanks
marc
Is there an ETA on when the Chat control will be available?
Thanks, -Tim
Hi
I am trying to recreate the design below using stacked bar charts, I want to remove all gridlines. The red boxes are not part of the design but rather confidential info.
As you can see I have been able to remove all the gridlines and values I don't want but the vertical ones.
Here is my code, just playing at the moment.
<TelerikChart Width="100%" Height="10%">
<ChartSeriesItems>
<ChartSeries Type="ChartSeriesType.Bar" Name="Product 1" Data="@series1Data">
<ChartSeriesStack Group="myStack" Type="Telerik.Blazor.ChartSeriesStackType.Stack100"></ChartSeriesStack>
</ChartSeries>
<ChartSeries Type="ChartSeriesType.Bar" Name="Product 2" Data="@series2Data">
<ChartSeriesStack Group="myStack"></ChartSeriesStack>
</ChartSeries>
</ChartSeriesItems>
<ChartCategoryAxes>
<ChartCategoryAxis>
<ChartCategoryAxisMajorGridLines Visible="false" />
</ChartCategoryAxis>
</ChartCategoryAxes>
<ChartValueAxes>
<ChartValueAxis>
<ChartValueAxes>
<ChartValueAxis Visible="false" />
</ChartValueAxes>
</ChartValueAxis>
</ChartValueAxes>
<ChartLegend Visible="false">
</ChartLegend>
</TelerikChart>
I have tried hiding major and minor gridlines, in the Y, X, and value Axis to no avail.
I would be so grateful if someone could point me in the right direction.
Thank you
Becca
Hi everybody,
I'm using the InCell EditMode for a TreeList. In my TreeList are present some columns where I don't want to permit the user to edit the value, so from start I'm using the OnEditEventHandler which has as arguments the ItemCommandEventArgs setting the IsCancelled property to true.
But If I want to filter out the column on which I want to allow the user to edit the value using the Field property it says that the Field Property is depricated.
So is there another way to solve this issue?
Thank you.