Add support for a secondary x-axis at the top of the chart. Please use consistent axis types. Why would the primary axes be of type Telerik.Web.UI.HtmlChart.PlotArea.Chart*Axis and the secondary y-axis be of type Telerik.Web.UI.AxisY?
RadDockLayout cannot persists its state if contains more than 9 docks.
Code to reproduce (if one of RadDocks is removed the state will be persisted properly):
<telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableLayoutPersistence="true" RenderingMode="Lightweight"
LayoutPersistenceRepositoryType="Cookies" LayoutRepositoryID="repID20210406_1">
<telerik:RadDock RenderMode="Lightweight" ID="RadDock1" runat="server"
UniqueName="RadDock1" AutoPostBack="true">
<ContentTemplate>
dock 1
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock2" runat="server"
UniqueName="RadDock2" AutoPostBack="true">
<ContentTemplate>
dock 2
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock3" runat="server"
UniqueName="RadDock3" AutoPostBack="true">
<ContentTemplate>
dock 3
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock4" runat="server"
UniqueName="RadDock4" AutoPostBack="true">
<ContentTemplate>
dock 4
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock5" runat="server"
UniqueName="RadDock5" AutoPostBack="true">
<ContentTemplate>
dock 5
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock6" runat="server"
UniqueName="RadDock6" AutoPostBack="true">
<ContentTemplate>
dock 6
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock7" runat="server"
UniqueName="RadDock7" AutoPostBack="true">
<ContentTemplate>
dock 7
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock8" runat="server"
UniqueName="RadDock8" AutoPostBack="true">
<ContentTemplate>
dock 8
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock9" runat="server"
UniqueName="RadDock9" AutoPostBack="true">
<ContentTemplate>
dock 9
</ContentTemplate>
</telerik:RadDock>
<%--The state will be persisted of you comment the dock below--%>
<telerik:RadDock RenderMode="Lightweight" ID="RadDock10" runat="server"
UniqueName="RadDock10" AutoPostBack="true">
<ContentTemplate>
dock 10
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockLayout>
Hello,
Currently, when a user types in the date instead of using the popup, the textbox returns a red outline but it doesn't allow integrating with the built-in asp.net validators.
See the below image for a reference. It would be nice if this could also add a validation output.
I did try to use the Regular Expression and Custom Validators without success. When using them, I found that even when a correct date was input, it would throw an error.
See the following screenshot for reference to this.
Below is the code that I used.
<telerik:RadMonthYearPicker EnableAriaSupport="true" EnableKeyboardNavigation="true" ID="from_date" name="from_date" runat="server" RenderMode="Lightweight"
Width="150px" ToolTip="" Height="40px">
<DateInput ID="fd_input" DateFormat="MM/yyyy" runat="server" Enabled="true">
</DateInput>
</telerik:RadMonthYearPicker>
<asp:RequiredFieldValidator runat="server" id="v_from_date" ControlToValidate="from_date" ErrorMessage="- Required" CssClass="validator" />
<asp:RegularExpressionValidator ID="reg_v_from_date" runat="server" ErrorMessage="Invalid From Date" ControlToValidate="from_date" Text="Format: MM/YYYY" ValidationExpression="^\d{4}-\d{2}-\d{2}$" CssClass="validator"></asp:RegularExpressionValidator>
Attached is a reproduction project page with a <script> containing a workaround.
Reproduction steps:
1) Run the page
2) Hover quickly between the two colored squares (do this up to 15-20 seconds)
3) Observe the error in the browser's console:
Uncaught RangeError: Maximum call stack size exceeded
at Function.Array.addRange
at Telerik.Web.UI.RadAjaxManager._executePendingRequest
at Object._endRequest
at Array.<anonymous>
at Sys.WebForms.PageRequestManager._endPostBack
at Sys.WebForms.PageRequestManager._scriptsLoadComplete
at Sys.WebForms.PageRequestManager.<anonymous>
at Sys._ScriptLoader._loadScriptsInternal
Workaround: Place/load this script somewhere after the ScriptManager of the page
<script>
Telerik.Web.UI.RadAjaxControl.prototype._executePendingRequest = function () {
var pendingRequest = Array.dequeue(this._requestQueue);
var eventTarget = pendingRequest[0];
var eventArgument = pendingRequest[1];
if (this._requestQueue.length > 0 && this.__id != "") {
var currentAjaxControl = $find(this.__id);
if (currentAjaxControl) {
Array.addRange(currentAjaxControl._requestQueue, this._requestQueue);
// optional, uncomment if issue persists
//if (currentAjaxControl._requestQueue.length > currentAjaxControl._requestQueueSize) {
// // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice#parameters
// // using negative index for start to get the last N elements
// currentAjaxControl._requestQueue =
// currentAjaxControl._requestQueue.slice(-currentAjaxControl._requestQueueSize)
//}
}
}
var requestManager = Sys.WebForms.PageRequestManager.getInstance();
requestManager._doPostBack(eventTarget, eventArgument);
}
</script>
Hi, I would like to request that you add the ability to show/hide a hidden password similar to this: https://www.telerik.com/support/kb/aspnet-ajax/textbox/details/showpassword-button-for-radtextbox-with-textmode-password
This feature should be built into the toolkit, and not require custom coding.
Setting the font size of RadioButtonsList does not change its all dimensions as stated in the following article:
https://docs.telerik.com/devtools/aspnet-ajax/controls/radiobuttonlist/mobile-support/elastic-design
Code to reproduce the issue:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.RadRadioButtonList button {
font-size: 26px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadRadioButtonList ID="RadRadioButtonList1" runat="server" AutoPostBack="False" Height="196px" Skin="MetroTouch" RenderMode="Lightweight">
<Items>
<telerik:ButtonListItem Text="Sample1" Value="1" />
<telerik:ButtonListItem Text="Sample2" Value="2" />
<telerik:ButtonListItem Text="Sample3" Value="3" />
</Items>
</telerik:RadRadioButtonList>
</form>
</body>
</html>
Currently, a script solution is required to pre-select a sheet different from the first one.
function pageLoadHandler() {
var spreadsheet = $find("<%= RadSpreadsheet1.ClientID %>").get_kendoWidget();
var sheet = spreadsheet.sheetByName("Sheet1");
spreadsheet.activeSheet(sheet);
// Sys.Application.remove_load(pageLoadHandler);
}
Sys.Application.add_load(pageLoadHandler);
This script could be entirely loaded from the server-side following this article on how to properly register a script from the code-behind:
There are accessibility issues with the calendar portion of the DatePicker which can be seen in the following demo:
- JAWS does not announce the selected date in the Date Grid - While running JAWS, open the calendar and use the arrow keys to move through the date grid. Notice that JAWS does not announce the date numbers, so there's no way to know what date is currently focused.
- The TAB does not refocus the DateInput back from the popup - While the calendar is open, press the Tab key. Note that focus leaves the calendar. Even if the Tab is not the preferred form of navigation, it should be trapped as long as the calendar widget is open so that it cannot interrupt the user's interaction with the control.
- Escape does not focus the DateInput/Escape does not work in Firefox - While the calendar is open and focused, press the escape key to close it. Note that focus is not returned to the calendar button. It's set top of the page. The calendar button IS focused when a date is selected from the calendar, so it should be possible to do the same when closing the calendar via any other means.
- No direct way to select the prev/next month and year buttons - While the calendar is open and focused, note that there is no way to focus and use the month and year changing buttons in the calendar header.
All of the above were tested in both Chrome, IE, and Firefox.
Combined, these issues seem to break accessibility for both low-vision and keyboard-only users. Any improvements you can make in future releases would be greatly appreciated.
Would be nice to have RadGrid offer the feature to have options to Merge Cells with same contents so the report/grid won't be so busy. Users typically expect this kind of look and feel.
Example & code included:
http://www.marss.co.ua/2010/01/how-to-merge-cells-with-equal-values-in.html
This ticket discussed it also: 1091013
Others in forums asked about this also in the past since about 2009, if we google on: telerik grid asp.net merge cell. .
http://www.telerik.com/forums/problems-with-merge-row-in-radgrid
http://www.telerik.com/forums/merge-cells-by-column
http://www.telerik.com/forums/merge-rows
Then I found this link among the results from google. Though, I wish there are RowMerge and ColumnMerge properties in RadGrid for us to turn it on/off. That will be wonderful.
http://www.telerik.com/support/kb/winforms/details/radgridview-merge-celss
This example is also from the following link from the same google search result, the first link.
http://www.telerik.com/forums/merge-cell-in-radgrid
Thanks.
I found the Rad Editor track changes feature as useful control in telerik. As many software or finance companies have their operations going on, on each stage they would require to change their BRD, UD, Product Documents etc. to keep track of the change the editor is useful.
I would like to add some points for improvement, that we have costumized in our portal.
1) Listing of all the changes in left side of the editor (Added/ Deleted/ Replaced).
2) Can track text replacement also.
Thank you,
Shubham
Good morning,
we have a strange issue using RadGrid with horizontal scroll and frozen columns: there a resizing of the height which gets user experience not the best.
See attached gif.
Could you please help us?
Hi
AllowKeyboardNavigation="true" allow for users to navigate the grid with the keyboard. This is great for people with disabilities and Section 508 compliance. But when this is enabled, and the "Enter" key is pressed, the default behavior is to present an update process.
This update process should be controllable when AllowKeyboardNavigation="true".
Just as a user note ... when I was trying to figure this out, reading through the options, the EditMode was the first place I started looking.
Here is the current workaround ... How do I disable editing when AllowKeyboardNavigation="true"? in UI for ASP.NET AJAX Grid - Telerik Forums
Hope this suggestion helps
<script runat="server">
protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
(sender as RadGrid).DataSource = Enumerable.Range(1, 10).Select(x => new { Id = x, Name = "Name " + x });
}
</script>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecorationZoneID="test" DecoratedControls="All" />
<div id="test">
<telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="true"
EnableHeaderContextMenu="true" FilterType="HeaderContext">
</telerik:RadGrid>
</div>
A "Control 'RadMultiSelect1' referenced by the ControlToValidate property of 'MultiSelectValidator1' cannot be validated" error is thrown when the RadMultiSelect id is passed to the ControlToValidate property of the RequiredFieldValidator or CustomValidator.
Workaround: Using a CustomValidator with no ControlToValidate
<telerik:RadMultiSelect ID="RadMultiSelect1" runat="server" DataTextField="text" DataValueField="value">
<Items>
<telerik:MultiSelectItem Text="Item 1" Value="1"></telerik:MultiSelectItem>
<telerik:MultiSelectItem Text="Item 2" Value="2"></telerik:MultiSelectItem>
<telerik:MultiSelectItem Text="Item 3" Value="3"></telerik:MultiSelectItem>
</Items>
</telerik:RadMultiSelect>
<telerik:RadButton runat="server" ID="RadButton1" Text="Postback" AutoPostBack="true" />
<asp:CustomValidator ErrorMessage="Please select an item" ClientValidationFunction="ClientValidationFunction" runat="server" />
<script>
function ClientValidationFunction(sender, args) {
var multiselect = $find("<%= RadMultiSelect1.ClientID %>");
if (multiselect.get_value().length == 0) {
args.IsValid = false;
}
}
</script>
Hi support,
Could you please let us know if you will be adding signature and annotations to the PDF viewer?
If so could you give me an estimate when this could be expected?
I'm currently looking at another product that has this facilities but would prefer to continue to use Telerik.
Thank you.
Kind Regards,
Antonio
Currently, using HeaderContextFilterMenu on RadGrid with client-side binding results in JavaScript error and unexpected behavior.
- JavaScript error is thrown when clicking on the "Filter" button.
- "nonValueFilters" are not being passed to filterExpressions for "isClientSideBinding" as expected, leaving IsEmpty/NotIsEmpty/IsNull/NotIsNull not propagating to the databinding phase.
Diagram nesting. I want to develop a tool with a UI similar to Microsoft SQL SSIS Designer or Visual Studio DGML. (Architectural diagrams) Using the Diagramming Framework is close. But it needs some way to drag a container object onto the surface, connect it to other objects or containers. This container (group) could contain other objects or other sub-container objects. Thus I get a potential infinite nesting of things that can contain a group of things which have a relationship between them. (a mini-diagram) I'd also need a Drag/Drop event & Expand/Collapse event. My goal is to let the users draw a workflow of parallel & sequential tasks. As they change the diagram the database is updated. This drives a process which is my application. These types of hierarchical relationships are very common. Example: Manufacturing. The Diagram of a Process building an assembly, which contains Sub-Assemblies, which also need to be constructed. Example: Computing Showing a group of scheduled tasks which can be run in parallel. But the whole group needs to be complete prior to the next group of tasks being started. (similar to a milestone) Example: Database Object Diagram. Showing the relationships between tables, views & stored Procedures. But each box has a little Expand button that lets you see the indexes, triggers & Constraints that define the table. Currently the Telerik Diagram control lets me group objects, But I can't see that grouping. I can't draw a link betwen that group & another nor can I expand / collapse the container object. FYI, 1. Doesn't matter if it is WinForm, WPF, or HTML. 2. The DGML spec that is implemented in MSFT Visual Studio does all the things I want. Except "installing VS" is a lot of overhead for my solution.
For complex wizard setups, some later steps can be dependent on choices a user makes on some initial tabs. For the RadWizard, it would be nice to be able to dynamically show and hide the tabs and steps from the User based on their choices (from client-side or server-side code). This would make the control a ton more useful and capable. Thanks.
Code to reproduce the problem:
<style>
html, body, body > form {
height: 100%;
padding: 0;
margin: 0;
}
</style>
...
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" Width="100%"
AutoGenerateColumns="true"
OnNeedDataSource="RadGrid1_NeedDataSource">
<ClientSettings>
<Scrolling AllowScroll="true" />
</ClientSettings>
<MasterTableView Width="1500px">
</MasterTableView>
</telerik:RadGrid>
protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
(sender as RadGrid).DataSource = GetData();
}
private object GetData()
{
DataTable dt = new DataTable();
dt.Columns.Add("column1");
dt.Columns.Add("column2");
dt.Columns.Add("column3");
dt.Columns.Add("column4");
dt.Columns.Add("column5");
dt.Columns.Add("column6");
dt.Columns.Add("column7");
dt.Columns.Add("column8");
//dt.Rows.Add(1, 2, 3, 4, 5, 6, 7, 8);
return dt;
}