Questions on UI for ASP.NET AJAX Forum

6 answers

217 views

Rad Grid in JAWS

Hi,

I have RadGrid with paging set to true. It is showing page size dropdown to select the number of records. JAWS is reading this drop down as read only label not as the drop down. I am not able to select options of drop down with down arrow key. Focus is moved to next control.
Version of JAWS is 14.0.

Please help.

Grid

answered on 05 Feb 2014

2 answers

75 views

RadEditor and spellcheck 100% from code?

Hi folks. I get the web.config registration missing error when I click on the spell check button.

I've got my language file in my app_data\RadSpell folder.

Can somebody tell me what else I need to do, in order to make spell check work?

My web.config httphandlers section:

    <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" validate="false" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI" />
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
    </httpHandlers>

My code:

            this.ToolsFile = "~/ToolsFile.xml";
            this.CssFiles.Add("~/RadEditor.css");
            this.Height = 200;
            this.Width = 600;

Thanks

Editor

answered on 05 Feb 2014

4 answers

78 views

[Solved] telerik radbutton to look like native controls

hello friends, no doubt the reverse has been asked too many times, but to save on performance I mostly likely use vanilla asp.net server controls or even html controls, then it is always a cherry on the top, aka CSS. My question is, considering the "population" of rad buttons is there a way to make them look like native css controls ?

This is an IE 9 / 10 / 11 specific asp.net 4.0 appif that opens any door, but I'd prefer to have a generic solution.

Thanks,
-Aarsh

SkinManager

answered on 05 Feb 2014

11 answers

810 views

How to unselect a row in client side

Hi there,
I have a rad grid in which client row selection is enabled but AllowMultiRowSelection="False". Here it's working great as intended except that once I selected a row, then its not possible to unselect the same row as I need to unselect the row (ie., No rows should be selected) in a particular case. I am using version 2009.3.1314.20. Any help would be appreciated

Thank you in advance
By Shafi

Grid

answered on 05 Feb 2014

3 answers

151 views

RadGrid inside Radtooltip - Postback caused by radgrid causes radtooltip to close

Hi ,

I have a RadGrid inside RadTooltip shown as below. The tooltip should be opened on click of a hyperlink. The Radgrid is loaded on Page load.

The issue is when I try to sort or filter data inside the Radgrid, the postback is causing the Radtooltip to close. When I try to open the Radtooltip again on click of a hyperlink, the rows are shown sorted/filtered properly as expected.

How can I make the tooltip stay opened in case of any postback caused by any control inside the RadTooltip ?

Here is my code :

001.<div id="Div1">

002. <div id="Div2" style="z-index: 1;" class="hidden">

003. <asp:UpdatePanel UpdateMode="Conditional" runat="server">

004. <ContentTemplate>

005. <telerik:RadToolTip ID="radtoolViewAnotherAcc" runat="server" ShowEvent="OnClick"

006. RenderInPageRoot="true" HideEvent="ManualClose" TargetControlID="hplViewAnotherAcc"

007. Position="TopLeft" Animation="Slide" RelativeTo="Element" EnableShadow="false"><telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

008.<div style="height: 20px;float:right;white-space:nowrap">

009. <asp:Button ID="btnClearFilter" runat="server" Text="CLEAR FILTER" OnClick="btnClearFilter_Click" />

010. <a class="tooltipclose" style="display: inline-block;" title="Close" href="javascript:void(0)" onclick="toggleviewaccounts()"></a>

011.</div>

012.<telerik:RadAjaxManager runat="server" ID="RadAjaxManager2" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

013. <AjaxSettings>

014. <telerik:AjaxSetting AjaxControlID="rgrdViewAnotherAccount">

015. <UpdatedControls>

016. <telerik:AjaxUpdatedControl ControlID="rgrdViewAnotherAccount"></telerik:AjaxUpdatedControl>

017. </UpdatedControls>

018. </telerik:AjaxSetting>

019. <telerik:AjaxSetting AjaxControlID="rgrdViewAnotherAccount">

020. <UpdatedControls>

021. <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1"></telerik:AjaxUpdatedControl>

022. </UpdatedControls>

023. </telerik:AjaxSetting>

024. <telerik:AjaxSetting AjaxControlID="btnClearFilter">

025. <UpdatedControls>

026. <telerik:AjaxUpdatedControl ControlID="rgrdViewAnotherAccount"></telerik:AjaxUpdatedControl>

027. </UpdatedControls>

028. </telerik:AjaxSetting>

029. </AjaxSettings>

030. </telerik:RadAjaxManager>

031. <telerik:RadAjaxLoadingPanel runat="server" Transparency="50" ID="RadAjaxLoadingPanel2">Loading</telerik:RadAjaxLoadingPanel>

032.

033.<div>

034.<telerik:RadGrid runat="server" ID="rgrdDetails" AutoGenerateColumns="false" AllowPaging="true" AllowSorting="true"

035. AllowFilteringByColumn="true" Height="250px" OnItemCommand="rgrdViewAnotherAccount_ItemCommand"

036. ItemDataBound="rgrdViewAnotherAccount_ItemDataBound" OnNeedDataSource="rgrdViewAnotherAccount_NeedDataSource" CssClass="rgNoScrollImage">

037.

038.<MasterTableView AllowFilteringByColumn="true" CommandItemDisplay="Top">

039. <PagerStyle AlwaysVisible="true" />

040. <FilterItemStyle HorizontalAlign="Center" />

041. <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false"/>

042. <Columns>

043. <telerik:GridTemplateColumn HeaderText="ACCOUNT #" DataField="Account" AutoPostBackOnFilter="true" AllowFiltering="True" CurrentFilterFunction="Contains"

044. ShowFilterIcon="true">

045. <ItemTemplate>

046. <asp:LinkButton ID="lnkbtnSelectAccount" CausesValidation="false" runat="server"

047. CommandName="Select" CommandArgument='<%#Eval("Account")%>' Text='<%#Eval("Account")%>' >

048. </asp:LinkButton>

049. </ItemTemplate>

050. <HeaderStyle HorizontalAlign="Center" />

051. <ItemStyle HorizontalAlign="Center" />

052. </telerik:GridTemplateColumn>

053. <telerik:GridBoundColumn FilterControlWidth="105px" DataField="CompanyName" HeaderText="NAME"

054. UniqueName="CompanyName" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"

055. ShowFilterIcon="true">

056. <HeaderStyle HorizontalAlign="Center" />

057. <ItemStyle HorizontalAlign="Center" />

058. </telerik:GridBoundColumn>

059. <telerik:GridBoundColumn FilterControlWidth="105px" DataField="Address" HeaderText="ADDRESS"

060. UniqueName="Address" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"

061. ShowFilterIcon="true">

062. <HeaderStyle HorizontalAlign="Center" Width="200px" />

063. <ItemStyle HorizontalAlign="Center" Width="200px"/>

064. </telerik:GridBoundColumn>

065. <telerik:GridTemplateColumn HeaderText="MY DEFAULT" AllowFiltering="false" ShowFilterIcon="false">

066. <ItemTemplate>

067. <%#Eval("DefaultAccount")%>

068. <span class="<%#Eval("

MakeDefault")%>">

069. <asp:LinkButton ID="lnkbtnMakeDefaultAccount" CausesValidation="false" runat="server"

070. CommandName="Default" CommandArgument='<%#Eval("Account")%>' OnCommand="lnkbtnMakeDefault_OnCommand" >Make Default</asp:LinkButton>

071. </span>

072. </ItemTemplate>

073. <HeaderStyle Width="100px" />

074. <ItemStyle Width="100px" />

075. </telerik:GridTemplateColumn>

076. <telerik:GridBoundColumn FilterControlWidth="105px" DataField="Status" HeaderText="STATUS"

077. UniqueName="Status" AllowFiltering="false">

078. <HeaderStyle HorizontalAlign="Center" Width="100px" />

079. <ItemStyle HorizontalAlign="Center" Width="100px" />

080. </telerik:GridBoundColumn>

081. </Columns>

082.

083. </MasterTableView>

084. <GroupingSettings CaseSensitive="false"/>

085.

086. <ClientSettings>

087. <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="false">

088. </Scrolling>

089. <Selecting AllowRowSelect="false" />

090. </ClientSettings>

091. </telerik:RadGrid>

092. <br />

093. <br />

094.</div>

095. </telerik:RadAjaxPanel>

096.</telerik:RadToolTip>

097. </ContentTemplate>

098. </asp:UpdatePanel>

099. </div>

100.</div>

Regards,
Rajesh

ToolTip

answered on 05 Feb 2014

7 answers

252 views

ClientItemTemplate with Server-side Controls

Hello, I have a RadGrid (2012.2.607) that is data bound client-side (wcf) and built programmatically (server-side). I am using the following GridTemplateColumn which is not displaying the asp:image control. If I replace the asp:image control with an img control then the image correctly displays:

GridTemplateColumn templateColumn = new GridTemplateColumn();

templateColumn.ClientItemTemplate = "<a id='atemplateImage' onclick='templateImage_Click(); return false;' runat='server'><asp:Image ID='templateImg' ImageUrl='/SalesPortal/Images/Templates/TemplateSample1_Thumbnail.png' Height='150px' Width='160px' AlternateText='Template Image' runat='server' /></a><br /><span>click image for more samples</span>";

templateColumn.UniqueName = "ImageTemplate";

templateColumn.HeaderText = "";

templateColumn.AllowFiltering = false;

templateColumn.HeaderStyle.Width = Unit.Pixel(160);

grid.MasterTableView.Columns.Add(templateColumn);

I am creating the grid from within the Page_Init. I also noticed that I can not display any asp control within the ClientItemTemplate e.g. asp:checkbox. If I cannot display asp controls then how can I include and bind to an asp:checkbox control for example?
Thank you!

Grid

answered on 05 Feb 2014

1 answer

106 views

[Solved] RibbonBar Submenu Issues

1. When populating from xml file submenus are not created

<?xml version="1.0" encoding="utf-8" ?>

<RibbonBar >

<Tab Text="" Width="0" Height="0">

<Group Text="Group1">

<Menu ID="Menu1" runat="server" Size="Large" Text="Menu1" ImageUrl="" >

<MenuItem ID="Submenu1" runat="server" Text="Submenu1" ImageUrl="">

<MenuItem ID="Submenu2" runat="server" Text="Submenu2" ImageUrl="">

</MenuItem>

</Menu>

</Group>

</Tab>

</RibbonBar>

Submenu1 and Submenu2 are created at the same hierarchical level

2. Ribbonbar arrow icon disappear after upgrading from 2013Q1 to 2013Q3 (attachment included)
I think this is caused by this css class .rrbButtonArrow

RibbonBar

answered on 05 Feb 2014

1 answer

63 views

Print or Export with custom column groupings

In my application, I am able to Print & Export to Excel my many 'standard' RAD Grids, but a few of my RAD Grids use dynamic, custom column groupings (server side), and the usual ways of Printing & Exporting (which I copied from the oline examples) do not work. I am looking for some guidance on the best way to Print or Export those Grids.

Grid

answered on 05 Feb 2014

1 answer

92 views

A RadDatePicker Bug?

Hi,

If I cleared the data in RadDatePicker and disabled it from client side. the backend would not get the null value and the disabled status after the page was posted back. Is this a bug?

If I didn't disable the control after cleared the date on client, the backend will get null value.

Here are the code.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</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" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" />

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

<br />

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<script type="text/javascript">

$(document).ready(function ()

{

//var date = new Date("2000-01-01");

var datepicker = $find("<%= RadDatePicker1.ClientID %>");

datepicker.clear();

//datepicker.set_selectedDate(null);

datepicker.set_enabled(false);

});

</script>

</div>

</form>

</body>

</html>

using System;

using System.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load (object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

RadDatePicker1.SelectedDate = DateTime.Now;

}

protected void Button1_Click (object sender, EventArgs e)

{

if (RadDatePicker1.SelectedDate == null)

{

TextBox1.Text = "null";

}

else

{

TextBox1.Text = RadDatePicker1.SelectedDate.ToString ();

}

TextBox2.Text = RadDatePicker1.Enabled.ToString ();

}

Thanks,

Charles

Calendar

answered on 05 Feb 2014

3 answers

138 views

q3_2011 Update to Visual Studio 2012

Hi:

I recently updated to Visual Studio 2012. I have the q3 2011 version of Rad Ajax Controls plus ReportingMy program works fine except for the following:

Telerik No longer appears in the Menu Bar. I cannot find how to load it as I must have originally.
When I try to design a report, I get the error Value cannot be null. Parameter name: instance. I am not able to design any reports.

Any help in how to get the working would be greatly appreciated.

Regards,
Roger

Installer and VS Extensions

answered on 05 Feb 2014