Questions on UI for ASP.NET AJAX Forum

1 answer

117 views

Questions about Skin classes in css file

I am attempting to use a custom skin and having difficulty understanding some things. For instance, I see the following code in the css file:

    
            .RadMenu_MySkin .rmRootGroup,  
        
            .RadMenu_MySkin .rmLink,  
        
            .RadMenu_MySkin .rmText,  
        
            .RadMenu_MySkin .rmLeftArrow,  
        
            .RadMenu_MySkin .rmRightArrow,  
        
            .RadMenu_MySkin .rmTopArrow,  
        
            .RadMenu_MySkin .rmBottomArrow  
        
            {  
        
                background-image: url(rmSprite.png');  
        
                background-color: transparent;  
        
            }  
        
            .RadMenu_MySkin .rmRootGroup  
        
            {  
        
                border: 0px solid #000000;  
        
            }

I can't help but wonder, why do .RadMenu_MySkin .rmRootGroup twice?

Is there some kind of resource that tells you where exactly these classes are being associated with? Or am I resigned to the view source of the initial page load?

Is this how css works by listing rmLink 5 different times?

    
            .RadMenu_MySkin,  
        
            .RadMenu_MySkin .rmLink  
        
            {  
        
                /*font: normal 12px/23px Arial, sans-serif;*/ 
        
                font: bold 12px/23px Arial, sans-serif;  
        
                text-decoration: none;  
        
                color: #fff;  
        
            }  
        
            .RadMenu_MySkin .rmLink  
        
            {  
        
                /* 
        
                color: #fff; /* static menu text color * 
        
                */ 
        
            }  
        
            .RadMenu_MySkin .rmLink,  
        
            .RadMenu_MySkin .rmText  
        
            {  
        
                background-position: 0 1050px;  
        
                background-repeat: no-repeat;  
        
            }  
        
            /*  
        
            This appears to be that weird 'left' aligned block that first shows up. 
        
            */ 
        
            .RadMenu_MySkin .rmLink:hover,  
        
            .RadMenu_MySkin .rmFocused,  
        
            .RadMenu_MySkin .rmSelected  
        
            {  
        
                color:#ffffff;   
        
                background-position: 0 -72px;  
        
            }  
        
            /*  
        
            Here it appears we fill in the rest of the div tag. 
        
            */ 
        
            .RadMenu_MySkin .rmLink:hover .rmText,  
        
            .RadMenu_MySkin .rmFocused .rmText,  
        
            .RadMenu_MySkin .rmSelected .rmText  
        
            {  
        
                background-position: 100% -96px;  
        
                border-bottom-style:none;  
        
                border-bottom-color:Black;  
        
                border-bottom-width:0px;  
        
                margin-top:10px;  
        
                z-index:2;  
        
            }

J

Menu

answered on 17 Mar 2010

5 answers

218 views

RadDatePicker breaks on FireFox

Hi,

I have an ASP.NET 2.0 web application which includes RadDatePicker.
When viewing the site with FireFox, the calender picker does not work (no popup).

picture

I also get capture this MicrosoftAjax.js error with Firebug:

function Sys$CultureInfo$_getAbbrMonthIndex(value) {

if (!this._upperAbbrMonths) {
 this._upperAbbrMonths = this._toUpperArray(this.dateTimeFormat.AbbreviatedMonthNames);
}
return Array.indexOf(this._upperAbbrMonths, this._toUpper(value));
}

I don't know if it's related.
On IE it's working fine.

Any ideas will be greatly appreciated.

Thx

Ofer Bar

Calendar

answered on 17 Mar 2010

4 answers

133 views

Date Format problem in Rad Calender

i am using telerik calander control whose culture is set to english(us) and that return value in M/D/YYYY format but my server which is windows2008 server whose dateformat is DD/MMM/YYYY.this will thow exception 'String is not valid date' like that when we assign calender value in some date variable.
kindly tell me the solution of this problem i want my application not to be particular dateformat specific.

waiting for your positive reply...:)

Calendar

answered on 17 Mar 2010

3 answers

65 views

VS 2005 Express and Ajax 3.5

Total Newbie question: I have a web page that runs on my development station, but not on my host.

I'm using VS-2005 Professional Edition because VWD 2008 Express won't work with Telerik's ASP.Net AJAX components.

When I upload my page to my host, and then try to reach it, I get this error: "Could not load file or assembly 'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependencies. The system cannot find the file specified."

My host says this is happening because "We do not have AJAX version 1 installed on the servers GAC. We only have version 3.5. You will either need to update your code to reference AJAX version 3.5 or upload AJAX version 1 into your applications bin directory and have it referenced from there."

When I look at my applications references, they all appear to be .Net 2.0

So I'm stuck in 2005, while my host is stuck in 2008. And of course I have no idea where to find the "AJAX version 1" to put in my bin.

Any suggestions would be greatly appreciated. (And, yes, I'm working on getting a more professional version of VS 2008, but ...)

TIA

General Discussions

answered on 17 Mar 2010

1 answer

152 views

Splitter Redraw Height is 0 At Times

To show this problem, I have rewritten the Telerik Mail Demo default.aspx page to eliminate the Master page (see below). When this is done, the height of RadGrid1 does not get recalculated correctly, and is set to 0 (I checked in the Javascript debugger), making the information in the grid unreadable. I have this problem on a similar setup. A kludge psuedo-fix for the mail demo is to rename RadGrid1 to 'ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder2_RadGrid1', which is why it works in your version (the master page content insertion renames the grid). Odd, no? Please advise. Thanks.

-- Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Inbox" Title="Telerik Web Mail Demo - Inbox" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Namespace="HelpDesk" TagPrefix="helpDesk" %>
<!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 id="Head1" runat="server">
<title>Telerik Web Mail Demo</title>
<link href="Styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
  <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
   <Scripts>
    <asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
          Name="MicrosoftAjax.js"
          Path="http://ajax.microsoft.com/ajax/3.5/MicrosoftAjax.js" />
   </Scripts>
  </telerik:RadScriptManager>
  <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
  <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Default,Zone" />
  <telerik:RadSplitter runat="Server" ID="RadSplitter2" Width="100%" BorderSize="0"
   BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal"
   VisibleDuringInit="false">
   <telerik:RadPane ID="topPane" runat="server" Height="74px">
    <div class="header">
     <div class="logo"></div>
     <div class="skin-chooser">
      <label for="ctl00_SkinChooser_Input" class="skinLabel">Skin:</label>
      <helpDesk:SkinManager runat="server" ID="RadSkinManager1" ShowChooser="true" Skin="Windows7"
       PersistenceKey="Skin" PersistenceMode="Session" />
     </div>
    </div>
    <telerik:RadMenu runat="Server" ID="RadMenu1" EnableShadows="true" EnableRoundedCorners="true"
         Style="float: none; position:absolute; top:48px; z-index:3000" Width="100%">
     <Items>
      <telerik:RadMenuItem runat="server" Text="File">
       <Items>
        <telerik:RadMenuItem Text="New" Enabled="false" />
        <telerik:RadMenuItem Text="Open" Enabled="false" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Save As" Enabled="false" ImageUrl="~/Images/saveas.gif" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Page Setup" Enabled="false" />
        <telerik:RadMenuItem Text="Print Preview" Enabled="false" ImageUrl="~/Images/printpreview.gif" />
        <telerik:RadMenuItem Text="Print" Enabled="false" ImageUrl="~/Images/print.gif" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Work Offline" Enabled="false" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Exit" Enabled="false" />
       </Items>
      </telerik:RadMenuItem>
      <telerik:RadMenuItem runat="server" Text="Edit">
       <Items>
        <telerik:RadMenuItem Text="Cut" Enabled="false" ImageUrl="~/Images/cut.gif" />
        <telerik:RadMenuItem Text="Copy" Enabled="false" ImageUrl="~/Images/copy.gif" />
        <telerik:RadMenuItem Text="Office Clipboard" Enabled="false" ImageUrl="~/Images/office_clip.gif" />
        <telerik:RadMenuItem Text="Paste" Enabled="false" ImageUrl="~/Images/paste.gif" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Delete" Enabled="false" ImageUrl="~/Images/delete.gif" />
        <telerik:RadMenuItem IsSeparator="true" />
        <telerik:RadMenuItem Text="Mark as Read" Enabled="false" ImageUrl="~/Images/mark.gif" />
        <telerik:RadMenuItem Text="Mark as Unread" Enabled="false" ImageUrl="~/Images/unread.gif" />
       </Items>
      </telerik:RadMenuItem>
      <telerik:RadMenuItem runat="server" Text="Go">
      <Items>
       <telerik:RadMenuItem Text="Mail" ImageUrl="~/Images/inbox.gif" NavigateUrl="Default.aspx" />
       <telerik:RadMenuItem Text="Calendar" ImageUrl="~/Images/calendar.gif" NavigateUrl="Calendar.aspx" />
       <telerik:RadMenuItem Text="Contacts" ImageUrl="~/Images/contacts.gif" NavigateUrl="Contacts.aspx" />
       <telerik:RadMenuItem Text="Notes" ImageUrl="~/Images/notes.gif" NavigateUrl="Notes.aspx" />
      </Items>
      </telerik:RadMenuItem>
      <telerik:RadMenuItem Text="Help">
       <Items>
        <telerik:RadMenuItem Text="Download source code" ImageUrl="~/Images/helpdesk.png" NavigateUrl="http://demos.telerik.com/webmail/source.zip" Target="_blank" />
        <telerik:RadMenuItem Text="Download trial" ImageUrl="~/Images/radcontrols.png" NavigateUrl="http://www.telerik.com/account/free-trials.aspx" Target="_blank" />
        <telerik:RadMenuItem Text="Browse online help" ImageUrl="~/Images/help.png" NavigateUrl="http://www.telerik.com/help/aspnet-ajax/" Target="_blank" />
       </Items>
      </telerik:RadMenuItem>
     </Items>
    </telerik:RadMenu>
   </telerik:RadPane>
   <telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
    <telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0">
     <telerik:RadPane runat="Server" ID="leftPane" Width="240px" MinWidth="240" MaxWidth="600" Scrolling="None">
      <telerik:RadSplitter runat="server" ID="RadSplitter4" BorderStyle="None" PanesBorderSize="0"
       Height="100%" Orientation="Horizontal">
       <telerik:RadPane runat="server" ID="topLeftPane">
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
  <AjaxSettings>
   <telerik:AjaxSetting AjaxControlID="RadGrid1">
    <UpdatedControls>
     <telerik:AjaxUpdatedControl ControlID="DetailsView1" LoadingPanelID="RadAjaxLoadingPanel1" />
    </UpdatedControls>
   </telerik:AjaxSetting>
   <telerik:AjaxSetting AjaxControlID="RadTreeView1">
    <UpdatedControls>
     <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
     <telerik:AjaxUpdatedControl ControlID="RadToolBar1" />
     <telerik:AjaxUpdatedControl ControlID="DetailsView1" />
    </UpdatedControls>
   </telerik:AjaxSetting>
   <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
    <UpdatedControls>
     <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
     <telerik:AjaxUpdatedControl ControlID="DetailsView1" LoadingPanelID="RadAjaxLoadingPanel1" />
    </UpdatedControls>
   </telerik:AjaxSetting>
  </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">
</telerik:RadAjaxLoadingPanel>
<telerik:RadTreeView runat="Server" ID="RadTreeView1" OnNodeClick="RadTreeView1_NodeClick"
  EnableViewState="false">
  <Nodes>
   <telerik:RadTreeNode Text="John Smith" Expanded="true" ImageUrl="Images/mailbox.gif"
    PostBack="false">
    <Nodes>
     <telerik:RadTreeNode Text="Calendar" ImageUrl="Images/calendar.gif" NavigateUrl="Calendar.aspx" />
     <telerik:RadTreeNode Text="Contacts" ImageUrl="Images/contacts.gif" NavigateUrl="Contacts.aspx" />
     <telerik:RadTreeNode Text="Inbox" ImageUrl="Images/inbox.gif" Expanded="true" Selected="True">
      <Nodes>
       <telerik:RadTreeNode Text="AJAX" ImageUrl="Images/inbox.gif" />
       <telerik:RadTreeNode Text="Announcements" ImageUrl="Images/inbox.gif" />
       <telerik:RadTreeNode Text="OpenAccess ORM" ImageUrl="Images/inbox.gif" />
       <telerik:RadTreeNode Text="Silverlight" ImageUrl="Images/inbox.gif" />
       <telerik:RadTreeNode Text="WinForms" ImageUrl="Images/inbox.gif" />
       <telerik:RadTreeNode Text="WPF" ImageUrl="Images/inbox.gif" />
      </Nodes>
     </telerik:RadTreeNode>
     <telerik:RadTreeNode Text="Notes" ImageUrl="Images/notes.gif" NavigateUrl="Notes.aspx" />
    </Nodes>
   </telerik:RadTreeNode>
  </Nodes>
</telerik:RadTreeView>
       </telerik:RadPane>
       <telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" EnableResize="false" />
       <telerik:RadPane runat="server" ID="bottomLeftPane" Height="120px">
        <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%">
         <Items>
          <telerik:RadPanelItem Text="Mail" ImageUrl="~/Images/inbox_big.gif" NavigateUrl="Default.aspx" />
          <telerik:RadPanelItem Text="Calendar" ImageUrl="~/Images/calendar_big.gif" NavigateUrl="Calendar.aspx" />
          <telerik:RadPanelItem Text="Contacts" ImageUrl="~/Images/contacts_big.gif" NavigateUrl="Contacts.aspx" />
          <telerik:RadPanelItem Text="Notes" ImageUrl="~/Images/notes_big.gif" NavigateUrl="Notes.aspx" />
         </Items>
        </telerik:RadPanelBar>
       </telerik:RadPane>
      </telerik:RadSplitter>
     </telerik:RadPane>
     <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" />
     <telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane" Scrolling="None">
<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">

   function pageLoad() {
    grid = $find("<%=RadGrid1.ClientID %>");
    toolbar = $find("<%= RadToolBar1.ClientID %>");
    ajaxManager = $find("<%=RadAjaxManager1.ClientID %>");

if (grid.get_masterTableView().get_selectedItems().length == 0)
toolbar.findButtonByCommandName("reply").disable();

searchButton = toolbar.findButtonByCommandName("doSearch");

    $telerik.$(".inbox-search-textbox")
       .bind("keypress", function(e) {
        searchButton.set_imageUrl("images/search.gif");
        searchButton.set_value("search");
       });
   }

   function onKeyPress(sender, args) {
    if (args.get_keyCode() == 13) {
     args.get_domEvent().stopPropagation();
     args.get_domEvent().preventDefault();
     performSearch(sender);
     return;
    }
   }

   function onButtonClicked(sender, args) {
    var commandName = args.get_item().get_commandName();
    if (commandName == "doSearch") {
     var searchTextBox = sender.findButtonByCommandName("searchText").findControl("RadTextBox1");
     if (searchButton.get_value() == "clear") {
      searchTextBox.set_value("");
      searchButton.set_imageUrl("images/search.gif");
      searchButton.set_value("search");
     }

     performSearch(searchTextBox);
    } else if (commandName == "reply") {
     window.radopen(null, "Edit");
    }
   }

   function performSearch(searchTextBox) {
    if (searchTextBox.get_value()) {
     searchButton.set_imageUrl("images/clear.gif");
     searchButton.set_value("clear");
    }

ajaxManager.ajaxRequest(searchTextBox.get_value());
}

   function onGridRowSelected(sender, args) {
    toolbar.findButtonByCommandName("reply").enable();
   }

   function onWindowLoad(sender, args) {

    var html = "<br /><br /><br /><hr />" +
       "<strong>From:</strong> " + $get("from").innerHTML + "<br />" +
       "<strong>Sent:</strong> " + $get("sent").innerHTML + "<br />" +
       "<strong>Subject:</strong> " + $get("subject").innerHTML + "<br />" +

       $get("message-body").innerHTML;

    sender.get_contentFrame().contentWindow.setEditorContent(html);
   }
   /* ]]> */
  </script>

</telerik:RadScriptBlock>
<telerik:RadWindowManager runat="Server" ID="RadWindowManager1" EnableViewState="false">
  <Windows>
   <telerik:RadWindow runat="server" ID="Edit" NavigateUrl="~/Reply.aspx" OnClientPageLoad="onWindowLoad"
    Width="870px" Height="550px" ReloadOnShow="true"
    ShowContentDuringLoad="false" Modal="True" Behaviors="Close,Move" VisibleStatusbar="false">
   </telerik:RadWindow>
  </Windows>
</telerik:RadWindowManager>
<telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" BorderSize="0"
  BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal">
  <telerik:RadPane runat="server" ID="RadPane1" Height="32px" EnableViewState="false" Scrollable="false">
   <telerik:RadToolBar runat="server" ID="RadToolBar1" CssClass="inbox-search-toolbar"
    OnClientButtonClicked="onButtonClicked" EnableViewState="false">
    <Items>
     <telerik:RadToolBarButton ImageUrl="~/Images/print.gif" Enabled="false" />
     <telerik:RadToolBarButton ImageUrl="~/Images/move.gif" Enabled="false" />
     <telerik:RadToolBarButton ImageUrl="~/Images/delete_inbox.gif" Enabled="false" />
     <telerik:RadToolBarButton IsSeparator="true" />
     <telerik:RadToolBarButton Text="Reply" ImageUrl="~/Images/reply.gif" CommandName="reply" />
     <telerik:RadToolBarButton Value="searchTextBoxButton" CommandName="searchText">
      <ItemTemplate>
       <telerik:RadTextBox
        runat="server" ID="RadTextBox1"
        EmptyMessage="Search Inbox"
        CssClass="inbox-search-textbox" Width="300px"
        ClientEvents-OnKeyPress="onKeyPress" />
      </ItemTemplate>
     </telerik:RadToolBarButton>
     <telerik:RadToolBarButton ImageUrl="~/Images/search.gif" Value="search" CommandName="doSearch" />
    </Items>
   </telerik:RadToolBar>
  </telerik:RadPane>
  <telerik:RadPane runat="server" ID="RadPane2">
   <telerik:RadGrid runat="server" ID="RadGrid1" DataSourceID="LinqDataSource1" AutoGenerateColumns="false"
    GridLines="None" Height="100%" BorderWidth="0" AllowSorting="true" Style="outline: none"
    ShowGroupPanel="true">
    <ClientSettings Scrolling-AllowScroll="True" Scrolling-UseStaticHeaders="true" Selecting-AllowRowSelect="true"
     EnablePostBackOnRowClick="true" AllowDragToGroup="true" EnableRowHoverStyle="true"
     ClientEvents-OnRowSelected="onGridRowSelected">
    </ClientSettings>
    <MasterTableView TableLayout="Fixed" GroupLoadMode="Client" DataKeyNames="MessageID"
     AdditionalDataFieldNames="Date">
     <GroupByExpressions>
      <telerik:GridGroupByExpression>
       <GroupByFields>
        <telerik:GridGroupByField FieldName="DateResult" HeaderValueSeparator=":" SortOrder="Descending" />
       </GroupByFields>
       <SelectFields>
        <telerik:GridGroupByField FieldName="DateResult" HeaderText="Date" FormatString="{0:d}" />
       </SelectFields>
      </telerik:GridGroupByExpression>
     </GroupByExpressions>
     <Columns>
      <telerik:GridBoundColumn DataField="From" HeaderText="From" HeaderStyle-Width="120px">
      </telerik:GridBoundColumn>
      <telerik:GridBoundColumn DataField="Subject" HeaderText="Subject" GroupByExpression="ConversationResult Conversation GROUP BY ConversationResult">
      </telerik:GridBoundColumn>
      <telerik:GridBoundColumn DataField="Received" HeaderText="Date" HeaderStyle-Width="150px"
       GroupByExpression="DateResult Date GROUP BY DateResult">
      </telerik:GridBoundColumn>
      <telerik:GridCalculatedColumn UniqueName="Date" DataType="System.DateTime" DataFields="Received"
       Expression="Received.Value.Date" HeaderText="Date" Visible="false">
      </telerik:GridCalculatedColumn>
      <telerik:GridCalculatedColumn UniqueName="Conversation" DataType="System.String"
       DataFields="Subject" Expression='Subject.Replace("RE: ", "")' HeaderText="Conversation"
       Visible="false">
      </telerik:GridCalculatedColumn>
     </Columns>
    </MasterTableView>
   </telerik:RadGrid>
   <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="HelpDeskDataContext"
    TableName="Messages" Where='Folder == @Folder || @Folder == "Inbox"' OnSelecting="LinqDataSource1_Selecting"
    OrderBy="Received DESC">
    <WhereParameters>
     <asp:ControlParameter ControlID="RadTreeView1" Name="Folder" />
    </WhereParameters>
   </asp:LinqDataSource>
  </telerik:RadPane>
  <telerik:RadSplitBar runat="server" ID="RadSplitBar1" />
  <telerik:RadPane runat="server" ID="RadPane3" Height="300px">
   <asp:DetailsView runat="server" ID="DetailsView1" DataSourceID="LinqDataSource2"
    AutoGenerateRows="false" CssClass="message-view" GridLines="None" EnableViewState="false">
    <Fields>
     <asp:TemplateField ShowHeader="false">
      <ItemTemplate>
       <ul>
        <li><h3 id="subject"><%# Eval("Subject") %></h3></li>
        <li><span id="from"><%# Eval("From") %></span></li>
        <li>Sent: <span id="sent"><%# Eval("Received") %></span></li>
       </ul>
       <div id="message-body">
        <%# ((string)Eval("Body")).Replace("\n", "<br />") %>
       </div>
      </ItemTemplate>
     </asp:TemplateField>
    </Fields>
   </asp:DetailsView>
   <asp:LinqDataSource runat="server" ID="LinqDataSource2" ContextTypeName="HelpDeskDataContext"
    TableName="Messages" Where="MessageID == Convert.ToInt32(@MessageID)">
    <WhereParameters>
     <asp:ControlParameter ControlID="RadGrid1" Name="MessageID" />
    </WhereParameters>
   </asp:LinqDataSource>
  </telerik:RadPane>
</telerik:RadSplitter>
     </telerik:RadPane>
    </telerik:RadSplitter>
   </telerik:RadPane>
  </telerik:RadSplitter>
  <asp:PlaceHolder runat="server" ID="AnalyticsPlaceholder">
   <script type="text/javascript">
       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', 'UA-111455-1']);
       _gaq.push(['_trackPageview']);

       (function() {
           var ga = document.createElement('script');
           ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
     'http://www') + '.google-analytics.com/ga.js';
           ga.setAttribute('async', 'true');
           document.documentElement.firstChild.appendChild(ga);
       })();
   </script>
  </asp:PlaceHolder>
</form>
</body>
</html>

-- Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Data.SqlClient;
using System.Linq;
using System.Text.RegularExpressions;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;

public partial class Inbox : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
        RadPanelItem item = RadPanelBar1.FindItemByUrl(Request.Url.PathAndQuery);
        if (item != null)
        {
            item.Selected = true;
        }

        // Disabled Google Analytics for everything but telerik.com
        AnalyticsPlaceholder.Visible = Request.Url.Host.ToLowerInvariant().Contains("telerik.com");

        if (!IsPostBack)
  {
   RadGrid1.Rebind();
   SelectFirstGridRow();
  }
}

private void SelectFirstGridRow()
{
  GridDataItem firstDataItem = RadGrid1.Items.OfType<GridDataItem>().FirstOrDefault();
  if (firstDataItem != null)
   firstDataItem.Selected = true;
}

protected void RadTreeView1_NodeClick(object sender, RadTreeNodeEventArgs e)
{
  RadGrid1.Rebind();
  SelectFirstGridRow();
  RadTextBox searchTextBox =
   (RadTextBox)((RadToolBarButton) RadToolBar1.FindButtonByCommandName("searchText")).FindControl("RadTextBox1");
  searchTextBox.Text = string.Empty;
}

private string searchString;

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
searchString = e.Argument.ToLower();
RadGrid1.Rebind();
}

protected void LinqDataSource1_Selecting(object sender, LinqDataSourceSelectEventArgs e)
{
  if (!string.IsNullOrEmpty(searchString))
  {
   var context = new HelpDeskDataContext();
   e.Result = from message in context.Messages
              where message.Subject.ToLower().Contains(searchString) ||
        message.Body.ToLower().Contains(searchString) ||
        message.From.ToLower().Contains(searchString)
              select message;
  }
}
}

Splitter

answered on 17 Mar 2010

5 answers

207 views

[Solved] Problems with PDF Export

Hi,
I have four RadGrids within one Parent RadGrid, Parent grid has no data. All four nested grids has no columns by default. I am adding columns from code behind. Number of columns are variable i-e they can be 2 to 20. All nested four grids gets equal number of columns. When i don't set width of the nested grids in pixels or percentage data export for pdf with parent grid works fine. When i set width of nested grids in and it's columns pdf export fails with following exception:
System.InvalidCastException: Unable to cast object of type 'Telerik.Web.Apoc.Layout.BlockArea' to type 'Telerik.Web.Apoc.Layout.AreaContainer'. at Telerik.Web.Apoc.Fo.Flow.BlockContainer.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.Block.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.TableCell.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.TableRow.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.AbstractTableBody.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.Table.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.Block.Layout(Area area) at Telerik.Web.Apoc.Fo.Flow.Flow.Layout(Area area, Region region) at Telerik.Web.Apoc.Fo.Flow.Flow.Layout(Area area) at Telerik.Web.Apoc.Fo.Pagination.PageSequence.Format(AreaTree areaTree) at Telerik.Web.Apoc.StreamRenderer.Render(PageSequence pageSequence) at Telerik.Web.Apoc.Fo.FOTreeBuilder.EndElement() at Telerik.Web.Apoc.Fo.FOTreeBuilder.Parse(XmlReader reader)

Can you please give some help regarding this?

Thanks,
Zee

Grid

answered on 17 Mar 2010

1 answer

190 views

RadTreeView Load-On-Demand selection problem

I am currently using a RadTreeView and just switched over to using Load-On-Demand (ServerSideCallback) to improve performance. On each node, I use a RadContextMenu to pop open a RadWindow. In the RadWindow, I update information about the node I selected in the RadTreeView (such as changing it's name, etc.). When I close the RadWindow, I trigger the RadTreeView to rebind (since I made changes and want to get the freshest data). My problem is, when I am 4 or 5 levels deep into the tree, I have no way to reselect the node that I came from. This was easy when I wasn't using Load-On-Demand since all the nodes were just part of the tree. How can I do this now that I am using Load-On-Demand?

I already wrote a method to do the work in getting ALL the parentIds that lead up to the node in question. For example, for the given tree:

A

|__ B

|__ C

|__ D

|__ E

|__ F

Let's say after I rebind, I wanted to get back to "F", I already have a method that returns "A,B,F", which is the fully qualified path back to "F".

Thanks,

Brian

TreeView

answered on 17 Mar 2010

8 answers

216 views

[Solved] How do I disable Add to Dictionary?

We would like to allow in-house users to save special terms to the dictionary.

However, we would like to block outside (anonymous) users from doing the same thing.

Is there a way to toggle the "Add to Dictionary" function on/off through server code (ASPX)?

Spell

answered on 17 Mar 2010

2 answers

73 views

Multiple spins on TreeNode click (Load On Demand)

Hi,

We have a RadTreeView which is loaded on demand. The expand mode for the nodes is set to ServerSideCallBack.
Everything is working fine except that when the user clicks on the '+' sign (node expand) multiple times and too rapidly, there are multiple spins that come up on that node. Once the node expand is complete, all of them go except for one which keeps rotating endlessly (LoadingStatusPosition is set to 'BeforeNodeText').

Could anyone please suggest how to handle this issue?

Thanks & Regards,
Puneet

TreeView

answered on 17 Mar 2010

1 answer

137 views

Clear Grid display

Hello,

I am using Radgrid. And dataset as a data source to it.
Now,
On button click I want to clear the values in the grid and display nothing.
Also,
I want to do this using "javascript" ?

-Prayag

Grid

answered on 17 Mar 2010