When adding nested list elements in the content, the user is able to go to parent element, press enter and add a sibling element. This element, as expected has a br tag that allows user to type text, but deleting this tag causes the list item to be not editable and the user is forced to go to HTML mode to modify the HTML code manually.
When user adds paragraph with formatting (e.g., Underline), this style is transferred to new lines automatically. The issue is when these paragraphs are empty. They contain an or <br> which is styled too, although this empty paragraphs should not be formatted until some text is inserted.
Instead of utilising 3rd party jQuery or the boring old ASP client-side form/field validation why don't you guys develop your own that has nice look and functionality similar to this: https://github.com/posabsolute/jQuery-Validation-Engine and you could also include a password strength indicator like this while your at it: http://git.aaronlumsden.com/strength.js/#demo Not hard and it would nicely complement your current suite of tools, especially if it was styled from skins.
The best approach is to handle the OnClientTileClicking event for the TileList and determine whether it should be cancelled: http://www.telerik.com/help/aspnet-ajax/tilelist-client-side-events-onclienttileclicking.html.
A possible way to change the behavior is to pass the _cancel field value from the Clicking event of the Tile to the TileClicking event of the TileList with the following override.
var $T = Telerik.Web.UI;
$T.RadTileList.prototype._onTileClicking = function (tile, args)
{
var eventArgs = new $T.RadTileListCancelEventArgs(tile, args.get_value());
eventArgs.set_cancel(args.get_cancel()); //the change - pass the _cancel argument to the TileList handler too
this.raiseEvent("tileClicking", eventArgs);
args.set_cancel(tile._isDragged || eventArgs.get_cancel());
args.set_value(eventArgs.get_value());
tile._isDragged = false;
}
When the Editor is set with Skin=Window7, fieldsets has a non designed margin top value. The New Area bottom also drop to a new line, where it should be next to the radio buttons.
Possible solutions is setting a CSS file to the DialogsCssFile property with CSS rules that resolve the issue:
<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Windows7" DialogsCssFile="~/Styles/Styles.css">
</telerik:RadEditor>
Styles.css
html.redImageMapDialog.RadForm_Windows7 #dialogControl fieldset {
margin-top:0;
}
button#ImageMap_NewArea {
width:110px !important;
}
Stylebuilder seems to be down. I get a server error when trying to create a new skin or edit an existing one?
When a dropdown element is decorated, dragging of items causes incorrect selection.
The problem is due to browser behavior of the click event. When performing a dragging like action on plain list items the event target is the UL element instead the LI.
The following resolution will work only for dropdowns without multiple selection:
<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All"
DecorationZoneID="decorationZone" Skin="Silk"></telerik:RadFormDecorator>
<div id="decorationZone">
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="false" Width="135px" TabIndex="3">
<asp:ListItem Text="Comedy" Value="1"></asp:ListItem>
<asp:ListItem Text="Drama" Value="2"></asp:ListItem>
<asp:ListItem Text="Romance" Value="3"></asp:ListItem>
<asp:ListItem Text="Religious" Value="4"></asp:ListItem>
<asp:ListItem Text="Fantasy" Value="5"></asp:ListItem>
<asp:ListItem Text="Mystery" Value="6"></asp:ListItem>
<asp:ListItem Text="Science fiction" Value="7"></asp:ListItem>
</asp:DropDownList>
</div>
<script type="text/javascript">
Telerik.Web.UI.RadFormDecorator.prototype.decorateSelects = function (rootElement) {
var selects = rootElement.getElementsByTagName("select");
if (selects.length == 0 && rootElement.tagName && rootElement.tagName.toLowerCase() == "select")
selects = [rootElement];
for (var i = 0; i < selects.length; i++) {
this.decorateSelect(selects[i]);
}
if (selects.length > 0) {
if (!this._selectBodyClickDelegate) {
this._selectBodyClickDelegate = Function.createDelegate(this, this._selectBodyClickHandler);
if ($telerik.isTouchDevice) {
this._ensureThisDelegate("_selectScrollingDelegate", this._selectScrollingHandler);
$telerik.addHandler(document, "touchmove", this._selectScrollingDelegate);
}
$telerik.addHandler(document, ($telerik.isTouchDevice ? "touchend" : "mousedown"), this._selectBodyClickDelegate);
}
}
};
</script>
A workaround is to add the settings in the markup, for example: <telerik:RadPersistenceManager runat="server" ID="RadPersistenceManager1"> <PersistenceSettings> <telerik:PersistenceSetting ControlID="RadTileList1" /> </PersistenceSettings> </telerik:RadPersistenceManager> <telerik:RadTileList runat="server" ID="RadTileList1"> </telerik:RadTileList>
The new scaffolding capabilities in ASP.NET web forms are great for productivity. I'd like to see Telerik-specific scaffolding that substituted Telerik controls.
Hi guys, In Q3 2014, we will introduce a new FormView-like control for ASP.NET AJAX called DataForm. To see what FormView looks like, visit the MSDN article at http://bit.ly/1pZd0RT. What additional features (not present in FormView) would you like to see in this new control? Best regards, Rumen