It would be great if you had a theme/skin for all products, that one could mock-up the page and print it out, but that it would look as if is just some sort of a drawing or sketch. Once the page was moved from design to development one could change the theme/skin and it would look completely different. Phil
RadButton's focus state styling is missing in Bootstrap. Steps to reproduce: 1. Open https://demos.telerik.com/aspnet-ajax/button/examples/keyboardsupport/defaultcs.aspx?skin=Bootstrap 2. Focus any of the first buttons using the Tab key Result: No focus styles are applied Expected: Follow the steps above in Sunset skin ----------------------------------------- Workaround: button.RadButton.rbButton:focus { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }
Please, please, please bring the new RadTaskBoard to ASP.NET AJAX!
I was just reviewing the RadTileList and trying to figure out how to do a Kanban board with your controls, and came across what you just released via the RadTaskBoard, and that would be absolutely perfect to have for ASP.NET AJAX.
Thank you!
Possible BreadCrumb integration with RadMenu and Orgchart: http://demos.telerik.com/aspnet-ajax/menu/examples/programming/showpath/defaultcs.aspx http://demos.telerik.com/aspnet-ajax/orgchart/examples/applicationscenarios/drilldownwithbreadcrumb/defaultcs.aspx
Would be really nice if there was a clearly defined client-side object model for the radGrid. We created a function like the one below by deconstructing the header menu. The jQuery selectors to find the container and affected dropdown lists are really hacky and very brittle. Reliance on magic strings means that upgrading to future versions is likely to break code like this. Ideally we should be able to reference (and alter) a client-side filter operators collection like this: grid.headerMenu.filterOperators function headerMenuShowing(sender, args) { var $container = jQuery("div[id^='" + sender.get_id() + "_rghcMenu']"); var $lists = $container.find("ul.rcbList"); var gridCol = args.get_gridColumn(); var dataType = gridCol.get_dataType(); switch (dataType) { case "System.String": $lists.find("li:contains('GreaterThan')").hide(); $lists.find("li:contains('LessThan')").hide(); $lists.find("li:contains('IsEmpty')").hide(); $lists.find("li:contains('NotIsEmpty')").hide(); break; case "System.Int32": case "System.Int64": case "System.Double": case "System.Decimal": case "System.DateTime": $lists.find("li:contains('GreaterThan')").show(); $lists.find("li:contains('LessThan')").show(); break; } }
When the Navigation control collapses into the hamburger menu keep the hover to expand the menu items functionality.
ADA Compliance Issue - ComboBox, DropDownList, DatePicker, DateTimePicker and TimePicker Buttons must have discernible text
The problem is described in this code library
The repro markup can be found below
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<!-- Bootstrap CSS -->
<
link
rel
=
"stylesheet"
href
=
"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity
=
"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin
=
"anonymous"
>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<
script
src
=
"https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity
=
"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin
=
"anonymous"
></
script
>
<
script
src
=
"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity
=
"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin
=
"anonymous"
></
script
>
<
script
src
=
"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity
=
"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin
=
"anonymous"
></
script
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
runat
=
"server"
/>
<
telerik:RadAsyncUpload
ID
=
"RadAsyncUpload1"
runat
=
"server"
Skin
=
"Bootstrap"
RenderMode
=
"Lightweight"
></
telerik:RadAsyncUpload
>
</
form
>
</
body
>
</
html
>
I have attached an image which shows the required filter output. Left panel had filters and on right data is displayed. Do you guys have any tool which can give the required output. Rather me using multiple controls to achieve the required functionality.
Currently, the asp:Label and telerik:RadLabel are rendering the AssociatedControlID of the ComboBox as for="RadComboBox1" while it should be for="RadComboBox1_Input"
FROM ADMIN:
1) Use Sys.Application.Load event to fix all labels associated with RadComboBoxes:<script type="text/javascript">
function fixLabelFor() {
$telerik.$("label[for]").each(function () {
var lbl = $telerik.$(this)
if ($telerik.$("#" + lbl.attr("for")).hasClass("RadComboBox")) {
lbl.attr("for", lbl.attr("for") + "_Input");
}
})
// Sys.Application.remove_load(fixLabelFor);
}
Sys.Application.add_load(fixLabelFor);
</script>
<script>
function OnClientLoad(sender, args) {
var ariasettings = JSON.parse(sender._ariaSettings)
if (ariasettings && ariasettings["aria-describedby"]) {
var lbl = $get(ariasettings["aria-describedby"]);
lbl.setAttribute("for", lbl.getAttribute("for") + "_Input")
}
}
</script>
When selecting an item with Enter key, the rawEvent propagation is not canceled and if a button with submit behavior is on the page, it is clicked. https://www.screencast.com/t/sGVXL2baFj Including this script to the page can be a temporary workaround: var _onEnterKeyOld = Telerik.Web.UI.RadComboBox.prototype._onEnterKey; Telerik.Web.UI.RadComboBox.prototype._onEnterKey = function (e) { _onEnterKeyOld.call(this,e); e.preventDefault() }
The Telerik Bootstrap skin looks like it is Bootstrap, but it is not. While it is easy to override a Bootstrap style to customize something, every time we do we end up on a support ticket to figure out how to make the same override in the skin. One common area this comes up is the form sizing. In Bootstrap, you can use a CSS class .form-group-sm to easily make the form controls smaller. (There are several other classes as well for controls and form groups.) The Telerik controls, like radCombobox or DatePicker do not honor this style, you need special Telerik CSS to get them to size. The Bootstrap skin should have CSS included in it that handles when the Bootstrap control size classes are used. That way when a Telerik control is placed in a div with .form-group-sm etc. it will automatically resize itself accordingly. ref: http://getbootstrap.com/css/#forms-control-sizes
Currently, opening the CustomColorPallete popup always selects the #808080 color.
To have this behavior use the custom code solution below:
<telerik:RadColorPicker runat="server" ID="RCP" EnableCustomColor="true" OnClientLoad="OnClientLoad" />
<script>
function OnClientLoad(sender, args) {
$telerik.$(sender._customColorButton).click(refreshPalette(sender));
}
function refreshPalette(sender) {
return function (evt) {
var colorPicker = sender;
var selectedColor = colorPicker.get_selectedColor() || "#808080";
colorPicker._updateHslPaletteElementsUI(colorPicker._getRgbFromHex(selectedColor), null, true);
};
}
</script>
Hello,
I have noticed the changes in your website, demos and documentation, but not all seems to work well on IE 11.
In the new interface of
the left menu dissapear after more clicks (IE11)
However, in ASP.net AJAX demos, the new interface is not looking good on IE 11
For example, https://demos.telerik.com/aspnet-ajax/orgchart/examples/expandcollapse/defaultcs.aspx
The old interface was looking great, I had no problems at all, any control
I hope I will not have the same problems in my ASP.net application...
I suggest update Device Screen Size for
Telerik.Web.Device.Detection
using System;
namespace Telerik.Web.Device.Detection
{
/// <summary>
/// The device screen size based on the its dimensions in CSS pixels
/// </summary>
/// <remarks>
///The default ranges are:
/// Small (to 600) CSS pixels
/// Medium (601-1024) CSS pixels
/// Large (1025 - 1366) CSS pixels
/// ExtraLarge (over 1366) CSS pixels
/// FullHD (over 1920) CSS pixels
/// UHD4K = 5 // 3840
/// UHD8K = 6 // 7680
/// UHD10K = 7 // 10240
/// </remarks>
public enum DeviceScreenSize
{
Small = 0, // 0-600
Medium = 1, // 601-1024
Large = 2, // 1025 - 1366
ExtraLarge = 3 // over 1366
FullHD = 4 // 1920
UHD4K = 5 // 3840
UHD8K = 6 // 7680
UHD10K = 7 // 10240
}
}
Best,
Jeff
I know that you have developed a RadBook, but only for Silverlight and WPF, which limits the visualization in devices in which it is not possible to install that plug-in or OS, so it would be good to have an HTML5 type control for ASP.NET UI with all the functionality of a Flip Book, and that the control can read a list of images, PDF, Office files, and other. Thank you.