Questions on UI for ASP.NET AJAX Forum

2 answers

77 views

If you print a page that has a RadButton with an icon on it, the icon doesn't print. This behavior can be seen on the demo page: http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultcs.aspx

Also, this occurs with the RadSlider as well.

Any tips for getting these to print?

Thanks!

Button

answered on 26 Aug 2014

3 answers

402 views

Setting MaxLength based on database column

We are using RadGrid with Entity Data Sources. I'd like to be able to set the MaxLength of the text boxes in edit mode based on the size of the field in the database. If a database column is varchar(10), then I'd like to set the MaxLength = 10. Is there an easy way to do this? I've got some ideas about going to the data source and pulling the column information but I'm wondering if that information is already somewhere in the grid object since it was bound to the entity object.

Any ideas / thoughts would be appreciated.

Grid

answered on 26 Aug 2014

5 answers

146 views

How to Disable RadSlidingZone in JavaScript?

I have just recently upgraded from Q3 2011 to Q1 2014 of RadControls and some client side code has stopped working. What I have are 3 RadSlidingZones within a RadSplitter/RadPane. What I'm trying to do is disable the first RadSlidingzone "slPane1" by default in JavaScript at the bottom of the page. This code used to work before the upgrade. I'm also using IE11, .Net Framework 4.5, & VS2012. Please advise.

Thanks,
Rob

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestRadSlidingZone.aspx.vb" Inherits="TestRadSlidingZone" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

<asp:ScriptReference Path="~/Script/jQuery/jquery-ui-1.8.17.custom.min.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadSplitter ID="RadSplitter1" runat="server">

<telerik:RadPane runat="server" ID="pNav" Height="100%">

<div id="DivSLZone" runat="server" style="float: left; clear: none; width: 22px; height: 100%;">

<telerik:RadSlidingZone ID="slZone" runat="server" SlideDirection="Right" ClickToOpen="true" Width="22">

<telerik:RadSlidingPane ID="slPane1" Title="sPane 1" runat="server" Width="275"

EnableDock="false" Height="100%">

<div runat="server" id="divSlPane1">

</div>

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="slPane2" Title="sPane 2" runat="server" Width="275"

EnableDock="false" Height="100%">

<div runat="server" id="divSlPane2">

</div>

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="slPane3" Title="sPane 3" runat="server" Width="275"

EnableDock="false" Height="100%">

<div runat="server" id="divSlPane3">

</div>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</div>

<div style="height: 100%;">

<asp:PlaceHolder runat="server" ID="phLeft" />

</div>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="sBar1" CollapseMode="Forward" EnableResize="true" />

<telerik:RadPane runat="server" ID="pContent" Scrolling="none" BackColor="white">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

<telerik:RadCodeBlock runat="server" ID="rcb">

<script type="text/javascript">

$(document).ready(function () {

var pnl = $find('<%= slPane1.ClientID%>');

if (pnl != null)

pnl._tabContainer.disabled = true;

});

</script>

</telerik:RadCodeBlock

Partial Class TestRadSlidingZone

Inherits System.Web.UI.Page

End Class

Splitter

answered on 26 Aug 2014

8 answers

140 views

Barcode as Embedded PNG With Text in Q2 release?

Currently If you are saving the image as en EmbeddedPNG the text will not show in the image. I was told back in march this was scheduled to be fixed in the next release ( I assume that means the Q2 release), Is this feature/fix still planned for the Q2 release?

Barcode

answered on 26 Aug 2014

1 answer

102 views

Disabling EnableEmbeddedScripts for increasing performance.

I have disable the EnableEmbeddedScripts for all controls in page and included the javascript file in RadScriptManger so that i can increase the performance but i am getting a java script error as shown in attached file.

Kindly let me know the reason why this error is coming and how can i resolve it

ScriptManager and StyleSheetManager

answered on 26 Aug 2014

2 answers

1.5K+ views

Bind to dictionary list where value is object

RadListBoxDataType.DataTextField = "Value.DisplayName";
RadListBoxDataType.DataValueField = "Key";
RadListBoxDataType.DataSource = dataTypeList;
RadListBoxDataType.DataBind();

The above does not work. What I want to know is it possible to bind to a property of "Value" where "Value" is an object.

ListBox

answered on 26 Aug 2014

1 answer

161 views

ContentAreaMode Iframe keyboard shortcuts

I'm working with the Q2 2014 version of the Editor and I'm using the shortcut attribute in the tools XML file to define various keyboard shortcuts.

I've changed some of the shortcut keys and the Editor is still responding to the default shortcuts. For example, originally the shortcut for the Link Manager was CTRL+K. I want it to be CTRL+L but it still responds to CTRL+K.

Secondly, since I'm using Iframe as the ContentAreaMode because of CSS Styling, I've found that unless the focus is on the Iframe, the keyboard shortcuts don't work at all. How can I get it to work properly on the surrounding areas too? This is important for functions like Save and other custom menu options (Page Properties, etc) along with items like the Image Manager or Document Manager.

Editor Code:

<telerik:RadEditor ID="reContent" runat="server" ExternalDialogsPath="~/RadEditorDialogs/" ToolsFile="tools.xml" ContentAreaMode="Iframe"

ContentFilters="MakeUrlsAbsolute, DefaultFilters" EditModes="Design, Html" EnableAriaSupport="True" Skin="Metro" ToolbarMode="RibbonBar" OnClientLoad="onClientLoad" EnableViewState="False">

<Content></Content>

<ImageManager ViewPaths="/images" UploadPaths="/images" DeletePaths="/images" MaxUploadFileSize="2100000" ContentProviderTypeName="niagarafalls.DBContentProvider, niagarafalls"

SearchPatterns="*.gif, *.png, *.jpg, *.svg, *.svgz" ViewMode="Grid"

AllowMultipleSelection="True" EnableAsyncUpload="True" EnableImageEditor="False" EnableThumbnailLinking="False" />

</telerik:RadEditor>

Tools.xml snippet:

<tools name="Page" tab="Home">

<tool name="Save" shortcut="CTRL+S"/>

<tool name="Page Properties" shortcut="CTRL+R"/>

<tool name="New Page" shortcut="CTRL+N"/>

<tool name="Open Page" shortcut="CTRL+O"/>

</tools>

<tools name="Links" tab="Insert">

<tool name="LinkManager" size="large" shortcut="CTRL+L"/>

<tool name="Unlink" strip="LinksStrip" shortcut="CTRL+SHIFT+L"/>

<tool name="DocumentManager" strip="LinksStrip"/>

<tool name="ImageMapDialog" strip="LinksStrip"/>

<tool name="InsertCustomLink" shortcut="CTRL+ALT+K"/>

</tools>

Thanks,
Shawn

Editor

answered on 26 Aug 2014

2 answers

162 views

RadGrid GridBoundColumn Filtering Do Not Postback in 2014.2.724.40 Version

I have upgraded my asp.net web project's telerik version from 2012.3.1308.35 to 2014.2.724.40. After the upgrade I noticed that radgrid filtering does not work as expected. The issue is with GridBoundColumn filtering and when I type something in filter textbox and press enter it does not do a postback as expected. As I have found out there is a script error in the page which says "Uncaught TypeError: Cannot read property 'getElementsByClassName' of null".
I tried to isolate this problem in a new asp.net web project and issue is visible in there as well so I am pretty sure this does not happen because of something related to my project.

Thanks

Grid

answered on 26 Aug 2014

2 answers

646 views

How do I Load Combo with Dictionary, select from grid value

I have a grid that is populated by a SQL Datasource control. When the user edits a row, an edit form template is displayed. Inside this template is a combobox that I populate server-side with values in a dictionary. How do I set the selected value when the edit form template is displayed? Textboxes in the edit form template use the 'Bind' value for their text values, and other comboboxes in the template have a DataSourceID set, so when SelectedValue is set, it's not a problem.

So, I guess my question is multipart.

1. In what event should I be setting the combobox load?
2. For the combobox, how do I set the selected value to be that of the item in the grid?

ComboBox

answered on 26 Aug 2014

9 answers

527 views

How to Remove background gradation color in Command Bar Item in RadGrid

Hello Team,
Our requirement is to remove all the color gradiations (color combination of 2 or more colors) from our entire web application.
As part of Grid. I have applied plain / flat color to the columns. But I am unable to do the same with Command Bar Item, I mean above the columns header. You can have clean look in attached image.

Guys, please let me know. How to remove gradiation color from grid command bar.
Just I want to keep background color as light gray (#E6E6E6). Let me know if you need any more information.

Thanks a lot in advance for any inputs.

Grid

answered on 26 Aug 2014