Affects RadCloudUpload and RadAsyncUpload combined with RadProgressArea. Manifests most often on slow networks or very large files.
Scroll down for workarounds for both cases.
NOTE: RadCloudUpload issue is logged separately - https://feedback.telerik.com/Project/108/Feedback/Details/258958-cloudupload-progress-shows-more-than-100-when-uploading-a-file
WORKAROUND FOR PROGRESS AREA is to round down the data, as it seems the server reports more bytes uploaded than they actually are, and that tends to happen under slow network conditions
<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" EnableInlineProgress="false" />
<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
<telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1" OnClientProgressUpdating="OnClientProgressUpdating" />
<script>
function OnClientProgressUpdating(sender, args) {
//debugger
if (args._progressData.PrimaryPercent > 100) {
args._progressData.PrimaryPercent = 100;
}
if (args._progressData.PrimaryValue > args._progressData.PrimaryTotal) {
args._progressData.PrimaryValue = args._progressData.PrimaryTotal;
}
console.log(args.get_progressData());
}
</script>
WORKAROUND FOR CLOUD UPLOAD is to add the following script at the end of the form that will override the built-in XHR handilng to change the way the totals are calculated:
<script>
Telerik.Web.UI.RadCloudUpload.HandlerUploader.prototype._initializeXmlHttpRequest = function () {
this._xhr = new XMLHttpRequest();
var that = this,
module = this._module,
xhr = this._xhr;
xhr.onreadystatechange = function readyStateChanged() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
that._successfulResponseStatus(xhr);
}
else if (xhr.status != 0) {
that._failedResponseStatus(xhr);
}
}
};
xhr.upload.onprogress = function (event) {
that._uploadedSize += event.loaded;
var percents = Math.round((event.loaded / event.total) * 100) + "%";
module._renderingManager.updateRowProgress(that._uploadingEntity.row, percents, true);
};
}
</script>
I didn't realize this is the new trend till recently. And I just found the 360 cameras are getting cheaper and cheaper with more features. Among many other models to shoot 360 Photos and Videos, the Ricoh Theta S and Samsung 360 Gear (2017) are just around $200-$300 ! I have learned YouTube supports 360 Videos but NOT 360 Photos. FB supports both I think but it is not easy to let us embed them into our own sites. So if Telerik came out with a new Control to support these needs, it will be very great ! Thanks much.
The disabled items in RadMenu have wrong styles applied and look like enabled.
WORKAROUND:
.RadMenu .rmGroup a.rmLink.rmDisabled,
.RadMenu .rmGroup a.rmLink.rmDisabled:hover {
color: #677277;
}
.RadMenu .rmGroup a.rmLink.rmDisabled.rmFocused {
box-shadow: inset 0 0 3px 1px;
}
Steps to reproduce:
<telerik:RadMenu ID="RadMenu1" runat="server" RenderMode="Classic" Skin="Glow">
<Items>
<telerik:RadMenuItem Text="Home" NavigateUrl="Default.aspx">
<Items>
<telerik:RadMenuItem Text="Disabled" Enabled="false"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row2"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row3"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Home row4"></telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem IsSeparator="true" />
<telerik:RadMenuItem Text="Grid Page" NavigateUrl="Grid.aspx" />
<telerik:RadMenuItem IsSeparator="true" />
<telerik:RadMenuItem Text="About" Enabled="false" />
<telerik:RadMenuItem IsSeparator="true" />
</Items>
</telerik:RadMenu>
Hi, Most of the telerik ASP.NET control examples while looking *really beautiful* are also hard to read / understand for beginning programmers like me :) Why not add a truly minimalistic example per control that *only* shows the core functionality for each control? grtz, Theo
When the scripts are loaded through a script manager with enabled CDN and RadScriptManager.CombinedResource="Enabled", JS error will be thrown then the filtering button of the Grid is clicked.
Code to reproduce the problem:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<CdnSettings TelerikCdn="Enabled" CombinedResource="Enabled" />
</telerik:RadScriptManager>
<telerik:RadGrid ID="UserDetailsGrid" runat="server" AllowFilteringByColumn="true" OnNeedDataSource="UserDetailsGrid_NeedDataSource"
EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true">
</telerik:RadGrid>
C#:
protected void UserDetailsGrid_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
var list = new[] {
new { FirstName = "F1", LastName ="L1"},
new { FirstName = "F2", LastName ="L2"},
new { FirstName = "F3", LastName ="L3"},
new { FirstName = "F4", LastName ="L4"}
}.ToList();
UserDetailsGrid.DataSource = list;
}
Hi, Make configuration wizards work even on high resolution screens with scaling. See attached screen shot. Regards, Patrik Johansson
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.
RadCombobox with allowed custom text is transperant in Silk in Classic Render mode.
Video: https://www.screencast.com/t/tgubeklglq
Code to reproduce:
<div style="width: 300px; background-color: red">
<h2>Allow custom text</h2>
<telerik:RadComboBox RenderMode="Classic" ID="RadComboBox1" runat="server" Width="100%" AllowCustomText="true" Skin="Silk">
<Items>
<telerik:RadComboBoxItem Text="RadComboBoxItem1" />
<telerik:RadComboBoxItem Text="RadComboBoxItem2" />
<telerik:RadComboBoxItem Text="RadComboBoxItem3" />
</Items>
</telerik:RadComboBox>
</div>
The RadFormDecorator decorated checkboxes in the Grid are hard to read when checked in the following skins: BlackMetroTouch, Bootstrap, Glow, Metro, MetroTouch, Office2010Black, Telerik, WebBlue Screenshot with Telerik Skin: https://www.screencast.com/t/1P2hyvWNX Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/formdecorator/examples/formdecoratorandtelerikcontrols/defaultcs.aspx?skin=Telerik 2. Scroll to the Grid 3. Select one or all checkboxes Result: The selected color of the checkbox almost matches the background color
Additional white border added to the RadRibbonbar buttons in Windows7 skin. The problem is reproducible in Classic rendering. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/ribbonbar/examples/rendermodes/defaultcs.aspx?skin=Windows7 2. Switch to Classic rendering. Result: All buttons have white border.
Business Intelligence Dashboard to create flexible decision support solutions and deliver dashboard consoles that accurately inform executives and users throughout your organization. integrated Dashboard Designer like https://www.devexpress.com/Products/NET/Dashboard/
Client Export Manager Control Export to PDF feature should be improved 1] Exported PDF should be accessible as per Section 508 Compliance. current exported PDF is not readable to accessibility tools like JAWS and Dragon Natural specking tool. 2] Control should have properties to set the width and height of output pdf 3] Multiple page PDF feature should be available. 4] Page Header and Page Footer template should be included to the control.
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
As of now RadEditor for SharePoint 2013 or sharepoint 2016 is not available, reason Telerik had provided for non-availablity of RadEditor for List Items as it is handled from client end is not acceptable, since many other component providers do support similar functions with their editors. the reason / use case iam looking for is becoz of need to handle clipboard manager in editor which is not available in Multiple line of text column type of an SharePoint 2013 list,
In Chrome and IE the clicking of the SELECT button for the uploads is kinda difficult when using MATERIAL skin. See the following video: https://www.screencast.com/t/VBe1zSss7c
How-to fix the bug:
1. Create a CSS file named dialog.css
2. Put the following class in the dialog.css file:
.RadUpload .ruFileInput {
height: 50px !important;
}
3. Set the DialogsCssFile property to point to the dialog.css file:
<telerik:RadEditor ID="RadEditor1" Skin="Material" RenderMode="Lightweight" DialogsCssFile="~/dialog.css" runat="server">
<ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
</telerik:RadEditor>
4. Save the page.
5. Clear the browser cache and load the page in it. If needed reload the dialog contents 3-4 times to clear the cache -> right click and choose Reload frame from the Chrome context menu.
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
<table>
<tbody>
<tr>
<td>test1</td>
<td>
<p>test2</p>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
Expected: https://www.screencast.com/t/ttBoNadV
Actual: https://www.screencast.com/t/0rovtQC8OW