Questions on UI for ASP.NET AJAX Forum

1 answer

221 views

Disable hover icon when Treeview is hovered

I am using a RadTreeview (ASP.NET Ajax version 2011.2.915.40) and I want the hyperlink 'hand' icon to not show when a node is hovered. I have successfuly implemented the style below:

.RadTreeView .rtHover .rtIn
        {
           background: none !important;
           border: none !important;
           padding: 4px 3px 3px !important;
           background-image: none !important;
        }

and this removes the highlight color when nodes are hovered.

I really need to find a way to allow the mousepointer to remain the default arrow when the control is hovered. I've noticed that the hand appears as soon as the mouse enters the TreeView control - even if a node is not being hovered.

How can I do this?

TreeView

answered on 04 Jan 2012

1 answer

58 views

$telerik.$

In the code samples here:
http://www.telerik.com/support/kb/aspnet-ajax/scheduler/setting-special-days-or-time-slots-in-radscheduler.aspx
There is a call to $telerik.$(...)

It doesn't seem to be documented in the telerik class:
http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html

Any insight?

General Discussions

answered on 04 Jan 2012

1 answer

109 views

Assign unbound grid edit form textbox values

Hi,

I have a grid that consists of customer details which is populated from a database. One of the customer attributes is the Sort Code. I would like to be able to bind the values of this to the appropriate textboxes when editing a customer. In the database, this item is stored as a single 6 digit code, however, as is convention, the user enters the code in 3, 2 digit text boxes. Usually one uses the

Text='<%# Bind("blah") %>'

technique, however in this instance this is not possible as there are 3 separate textboxes. When would be the best point to assign the values through codebehind? At the editcommand event (though afaik edit form items are not accessible from here)? Any help would be greatly appreciated.

Cheers,
Christian

Grid

answered on 04 Jan 2012

0 answers

84 views

ValidatorCalloutExtender and GridTemplateColumn

Any clue why the callout looks messed up here: http://www.fronseetechnology.com/EnergyControlAdmin/Reports/EnergyCalculator.aspx

Go to the first text box in the first row of the Radgrid, remove the text and then tab, it will fire the requiredfield. But notice the callout is messed up. Any help here? Thanks.

Grid

asked on 04 Jan 2012

1 answer

131 views

radgrid expand/collapse event question

I've got a basic radgrid like the following That starts out where some of the items are expanded and some are not
When the radbutton clicks, everything resets to expanded= false
I can easily reopen everything but I don't know how to capture when somebody collapses one of the categories before the radbutton click.
I am not seeing one here clientside api Or is there some serverside event I can force to happen? I don't see a link to serverside api on the demo page.

thanks

telerik:RadGrid

ID="RadGrid1" runat="server" ShowHeader="false"

AutoGenerateColumns="false"

OnDetailTableDataBind="RadGrid1_DetailTableDataBind"

OnNeedDataSource="RadGrid1_NeedDataSource"

GridLines="None"

ShowStatusBar="true" Width="300px"

OnPreRender="RadGrid1_PreRender">

<MasterTableView DataKeyNames="CategoryID" AutoGenerateColumns="true" >

<DetailTables>

<telerik:GridTableView Name="Filters" AutoGenerateColumns="true">

<ItemTemplate>

<telerik:RadButton

Text='<%# Eval("FilterName") %>' runat="server" CategoryID='<%# Eval("CategoryID") %>' FilterID='<%# Eval("FilterID") %>' OnClick="Im_Clicked"  />

.....'<%# Eval("CategoryID")%>'

</ItemTemplate>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn DataField="CategoryName" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 04 Jan 2012

4 answers

170 views

Hierarchy grid + pivoted data + rebind problem

Hi Folks,

I've come across a problem with the RadGrid where after rebinding, the child columns of an auto-generated hierarchy grid do not update with the new column specifications from the data bind (because the columns are changing in the pivoted data).

Below is the definition of the RadGrid. As you can see the columns are not defined and instead generated automatically on binding (given that they are not known until after having been bound, and does also change depending on the pivot grouping query)

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="ObjectDataSource1" OnColumnCreated="RadGrid1_ColumnCreated" OnItemCreated="RadGrid1_ItemCreated" OnItemDataBound="RadGrid1_ItemDataBound">

<MasterTableView HierarchyDefaultExpanded="false" HierarchyLoadMode="Client" AllowSorting="false" DataKeyNames="TypeId, ParentTypeId" Width="100%">

<SelfHierarchySettings ParentKeyName="ParentTypeId" KeyName="TypeId" />

</MasterTableView>

<ClientSettings AllowExpandCollapse="true" />

</telerik:RadGrid>

As an example, if the grid is initially bound using pivoted data grouped by year (say 2009, 2010 and 2011 columns - as well as TypeId, ParentTypeId and a row description field) then a rebind occurs where the new pivoted data is grouped by month, the mastertable autogeneratedcolumns will be correct (say Jan09, Feb09... Dec11 etc) however each of the nested view columns will contain the original year grouped columns (2009, 2010, 2011 etc).

I've spent days searching for anyone with a similar problem but can't find anything. Is there anyway to force the nested views to rebind when the grid/mastertableview rebinds? Or is there any way to flush the existing autogenerated nested view columns so they will be regenerated during the rebind?

The problem that this rebinding issue creates is such that if the pivot query is continued to be grouped by year but the period changes (such that say 2009 is no longer returned in the result dataset), the table header will update correctly, however the expanded nested view will not be aligned as it leaves space as if 2009 is still there. In the generated HTML the extra <td> can be seen in the row. This is even more obvious when multiple years are removed. I have 'got around' the first problem by simply iterating over the nested view columns and hiding any child columns that should no longer be shown. However, if the grouping period for the pivot query is changed (to by the month instead of year) as previously stated, the auto-generated nested view columns remain with the original year column definitions and as such NO data is shown in the grid given that the columns no longer have anything to match to when binding.

Please let me know if you need any additional information.

Cheers,

Andrew

Grid

answered on 04 Jan 2012

1 answer

106 views

RadGrid default view to "group by"

Is it possible (maybe with pre-render) to change the default view to "group by" (column of choice).

Hope that makes sense. Thanks!

mike

Grid

answered on 03 Jan 2012

2 answers

266 views

Script control 'Window' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().

When I click the Submit Button, I'm getting this error:
Script control 'Window' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>

</head>

<body>

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

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

</telerik:RadStyleSheetManager>

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

<div>

<table>

<tr>

<td>

</td>

<td>

<asp:Label runat="server" ID="admin_header" Text='<%#Eval("s_title")%>' Font-Bold="true"

Font-Names="verdana" Font-Size="Medium" ForeColor="White" ToolTip='<%#Eval("s_title")%>'></asp:Label>

</td>

<td>

</td>

</tr>

<tr>

<td width="761" align="right">

<asp:FormView ID="fv1" DataSourceID="SqlDataSource1" runat="server" DataKeyNames="cid" DefaultMode="edit">

<EditItemTemplate>

<div align="left">

<asp:Label ID="Label1" runat="server" Text="Page Name:" CssClass="content_text_left_bold"></asp:Label><br />

<asp:TextBox ID="s_page_name" runat="server" Text='<%#Bind("s_page_name")%>' Width="761" />

<asp:Label ID="Label2" runat="server" Text="Title:" CssClass="content_text_left_bold"></asp:Label><br />

<asp:TextBox ID="s_title" runat="server" Text='<%#Bind("s_title")%>' Width="761" />

<asp:Label ID="Label4" runat="server" Text="Meta Keywords:" CssClass="content_text_left_bold"></asp:Label><br />

<asp:TextBox ID="s_meta_keywords" runat="server" Text='<%#Bind("s_meta_keywords")%>'

Width="761" Rows="4" Wrap="true" TextMode="MultiLine" />

<asp:Label ID="Label5" runat="server" Text="Meta Description:" CssClass="content_text_left_bold"></asp:Label><br />

<asp:TextBox ID="s_meta_description" runat="server" Text='<%#Bind("s_meta_description")%>'

Width="761" Rows="4" Wrap="true" TextMode="MultiLine" />

<div>

<telerik:RadEditor ID="RadEditor1" runat="server"

ImageManager-UploadPaths="/images/content/"

ImageManager-DeletePaths="/images/content/"

ImageManager-ViewPaths="/images/content/"

Content='<%# Bind("page_content") %>'

Height="800px" Width="690px"

ContentAreaCssFile="~/admin/ContentAreaStyleSheet.css"

OnClientLoad="OnClientLoad"

ContentFilters="FixEnclosingP">

<FontNames>

<telerik:EditorFont Value="Arial" />

<telerik:EditorFont Value="Baskerville Old Face" />

<telerik:EditorFont Value="Bookman old style" />

<telerik:EditorFont Value="Calibri" />

<telerik:EditorFont Value="Century Gothic" />

<telerik:EditorFont Value="Comic Sans MS" />

<telerik:EditorFont Value="Constontia" />

<telerik:EditorFont Value="Cooper Black" />

<telerik:EditorFont Value="Courier New" />

<telerik:EditorFont Value="Garamond" />

<telerik:EditorFont Value="Georgia" />

<telerik:EditorFont Value="Lucida Sans" />

<telerik:EditorFont Value="Lucida Sans Unicode" />

<telerik:EditorFont Value="MS Sans Serif" />

<telerik:EditorFont Value="Segoe UI" />

<telerik:EditorFont Value="Tahoma" />

<telerik:EditorFont Value="Times New Roman" />

<telerik:EditorFont Value="Verdana" />

</FontNames>

</telerik:RadEditor>

</div>

<asp:Button ID="Button1" runat="server" Text="Submit Changes" CommandName="update" />

</div>

</EditItemTemplate>

</asp:FormView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>"

SelectCommand="SELECT * FROM [content]where cid=@cid"

UpdateCommand="UPDATE [content] SET [page_content] = @page_content, [s_title] = @s_title, [s_meta_keywords] =@s_meta_keywords, [s_meta_description] =@s_meta_description, [s_page_name] =@s_page_name WHERE cid=@cid"

CancelSelectOnNullParameter="false">

<SelectParameters>

<asp:QueryStringParameter Name="cid" Type="string" QueryStringField="cid" />

</SelectParameters>

</asp:SqlDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

</div>

<script type="text/javascript">

function OnClientLoad(editor) {

var tool = editor.getToolByName("ForeColor");

//Add the button to the color picker

tool.old_renderFooter = tool.renderFooter;

tool.renderFooter = function () {

this.old_renderFooter();

//Create a button and add it to the tool

var button = document.createElement("button");

button.innerHTML = "Add custom color..";

button.onclick = showColorDialog;

this.get_popupElement().appendChild(button);

}

function showColorDialog() {

var myCallbackFunction = function (sender, color) {

var colors = tool.get_items();

//If no colors are set get the colors from the editor

if (colors.length == 0) {

colors = editor.get_colors();

}

colors[colors.length] = color;

tool.set_items(colors);

//Set the color to the current selection

editor.get_document().execCommand("ForeColor", false, color);

}

//Hide the color picker

tool.hide();

//Show the Custom Color dialog

editor.showExternalDialog(

'ForeColorDialog.aspx',

null,

600,

400,

myCallbackFunction,

null,

'ForeColor',

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,

false,

false);

}

};

</script>

<telerik:RadAjaxManager runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadEditor1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadEditor1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</form>

</body>

</html>

Web.Config

<configuration>

<connectionStrings>

<add name="ConnectionString" connectionString="Data Source=SQL2008;Initial Catalog=121212;Persist Security Info=True;User ID=121212;Password=121212" providerName="System.Data.SqlClient" />

</connectionStrings>

<location path="Telerik.Web.UI.WebResource.axd">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

<system.web>

<compilation debug="true" targetFramework="4.0">

<assemblies>

<add assembly="System.Web.Extensions.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />

</assemblies>

</compilation>

<customErrors mode="Off" />

<httpHandlers>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

</httpHandlers>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<handlers>

<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" />

<add name="Telerik_Web_UI_DialogHandler_aspx" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" />

</handlers>

</system.webServer>

</configuration>

Editor

answered on 03 Jan 2012

1 answer

91 views

Update Treeview using ajaxRequest

Hi all, I have an usercontrol that contains a treeview, a toolbar and a radwindow.
My goal is simple: when the user clicks on a toolbar button, I want to prompt the user for a node name (using the radwindow), and then begin an ajaxRequest that should add the node to the treeview.
I am not able to get the last step to work.
When I invoke ajaxMan.ajaxRequest from client, the request is correctly handled by the server and the node is added to the treeview, BUT it doesn't show up on the client.
I also tried to wrap the treeview in a RadAjaxPanel, but then I am not able to refresh it server-side.
Any ideas?
Thanks!

Ajax

answered on 03 Jan 2012

1 answer

49 views

RadListBox Compatibitiy and IE7/8/9 compatibility view issue

I have 4 radlistbox with fixed width and that works fine in IE9,,whenever i execute it in IE 7/8 and IE9 compatiibtiy view these radlistbox width is set back to '0' and my radlistbox get shrinked.....Can anyone help with this issue...

Thanks in advance

Thanks & Regards
Rakesh Patel

ListBox

answered on 03 Jan 2012