Hey guys,
First of all,I'm using the entire radcontrol suite Q2 2009 SP1. The problem I'm having is that I have a page with a rad tab strip that seems to be functioning correctly but in IE, when I click on one tab, they both appear with the style of a selected tab. This is not happeneing in FireFox.
Here is my tabstrip definiton:

<

 

telerik:RadTabStrip ID="tabstrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Simple">

 

 

<Tabs>

 

 

<telerik:RadTab runat="server" Selected="True" Text="Core Curriculum">

 

 

 

</telerik:RadTab>

 

 

<telerik:RadTab runat="server" Text="Organ Systems">

 

 

</telerik:RadTab>

 

 

</Tabs>

 

</

 

telerik:RadTabStrip>
I should say that I have tried several skins and always have the same issue.
Here is an abbreviated version of my multipage setup:

 

<telerik:RadMultiPage id="RadMultiPage1" runat="server" SelectedIndex="0">

    <telerik:RadPageView ID="pageViewCC" runat="server">
  
       <table cellspacing="0" cellpadding="0" width="780" border="0">
          <tbody>
     <tr>
      <td>
       <table border="0" width="100%" cellpadding="7" cellspacing="0" style="background-color:#ffffff;">
        <tr style="padding-bottom:3; padding-left:10; padding-right:10;">
         <td valign="top">
          <span class="font14" style="color:#0f424f;"><b>Browse by Curricular Topics</b></span><br />
          <span class="font11">Find content on our site using this list of topics derived from the ACPE Core Curriculum.</span>
          <br/>

          <table width="100%" cellpadding="0" cellspacing="0" style="background-color:#ffffff;BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; margin-top:5px;">
           <tr>
            <td style="height: 36px;" >
             <telerik:RadAjaxPanel ID="rapViewCC" runat="server">
             <table border="0"   style="height:100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
              <!-- details deleted -->
               <td id="tdLeft" width="30%" style="min-width:30%;"  class="font12" valign="top" align="left">
                   <table class="CellHolder" bgcolor="#ffffff"  cellspacing="0" cellpadding="0">
                   <tr><td runat="server" id="tdClinicalScience" style="padding-top:3px; padding-right:3px; padding-left:3px;" class="font11noMarginTRLPadding"> <b><asp:LinkButton ID="lnkbtClinicalScience" runat="server" Text="Clinical Science"></asp:LinkButton></b></td></tr>
                   <tr><td runat="server" id="tdAdministrativePharmacySciences" style="padding-top:3px; padding-right:3px; padding-left:3px;" class="font11noMarginTRLPadding"> <b><asp:LinkButton ID="lnkbtAdministrativePharmacySciences" runat="server" Text="Social, Behavioral, &amp; Administrative Pharmacy Sciences"></asp:LinkButton></b></td></tr>
                   <tr><td runat="server" id="tdPharmaceuticalSciences" style="padding-top:3px; padding-right:3px; padding-left:3px;" class="font11noMarginTRLPadding"> <b><asp:LinkButton ID="lnkbtPharmaceuticalSciences" runat="server" Text="Pharmaceutical Sciences"></asp:LinkButton></b></td></tr>
                   <tr><td runat="server" id="tdBasicBiomedicalSciences" style="padding-top:3px; padding-right:3px; padding-left:3px;" class="font11noMarginTRLPadding"> <b><asp:LinkButton ID="lnkbtBasicBiomedicalSciences" runat="server" Text="Basic Biomedical Sciences"></asp:LinkButton></b></td></tr>
                   <tr><td id="tdSpaceHolder" style="height:100%"  class="font11noMarginRLPadding" ></td></tr>
                   </table>
               </td>
               <td style="width:15px;" >&nbsp;</td>
               <td id="td2" valign="top" class="font12" align="left">
               <table>
               
               <tr><td class="font12" style="vertical-align:top;"><div style="float:left;"><asp:Image ID="imgTopic" runat="server" BorderWidth="0" ImageUrl="~/images/icon_bio.gif" /></div>
               
               
               <div style=" color:#660000; float:left; margin-top:13px; padding-left:10px;"><b><asp:Label ID="lblTopicname" runat="server"></asp:Label></b></div></td></tr>
               
                   <tr><td style="padding-left:30px;">
                   <div  style="width:450px;overflow-x:hidden;">
                      <telerik:RadTreeView style="overflow:hidden;"
                      ID="currTopicTreeView"
                      runat="server" ShowLineImages="False"  
                      OnClientMouseOver="onMouseOver"
                      OnClientNodeClicked="ClientNodeClicked" 
                       OnClientNodeClicking = "ClientNodeClicking"
                                                         
                      >
                      </telerik:RadTreeView>
                      </div>
                      <script type="text/javascript"> 
    function onMouseOver(sender, e) 
    { 
        e.get_node().unhighlight();
        //e.get_node().get_textElement().innerHTML = '<span style=\'color:#660000;\'>' + e.get_node().get_text() + '</span>'
    }  
    function ClientNodeClicked(sender, eventArgs)
{  
    var node = eventArgs.get_node();   
   node.unhighlight();
   node.toggle();
} 
function ClientNodeClicking(sender, eventArgs)
{
    eventArgs.get_node().unhighlight();
}

</script> 

                   <br /></td></tr>
                 
               </table>
               </td>
              </tr>
             </table>
             </telerik:RadAjaxPanel>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
      </td>
     </tr>
       </tbody>
       </table>
      </telerik:RadPageView>
    <telerik:RadPageView ID="pageViewOS" runat="server">
   
    <table border="0" width="780" cellpadding="7" cellspacing="0" bgcolor="#ffffff">
       <tr style="padding-bottom:3; padding-left:10; padding-right:10;"><td>
       <table cellpadding=0 cellspacing=2>
       <tr><td><img src="/images/icon_organ.gif" border="0"></td>
       
       <td><font class="font14" color="#0f424f"><br><b>Browse by Organ Systems</b></font>
          
          <br class="Spacer2">
          <font class="font11">Find content on our site using this list of organ systems, adapted from the <a href='resourceToc.aspx?resourceID=406'> Pharmacotherapy</a> table of contents. For information on additional clinical topics, please SEARCH the full site.</font></td>
       </tr></table>
       
       
       
          
          </td>
       </tr>
        <tr>
         <td colspan=2>
          
          <table width="100%" cellpadding="0"  cellspacing="0" bgcolor="#ffffff" style="height:100%; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid">
           <tr>
            <td style="height: 36px" >
             <telerik:RadAjaxpanel ID="rapOS" runat="server">
             <table border="0"   style="height:100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
              <tr>
               <td id="tdParentCell" width="200"  class="font12" valign="top" align="left">
               
               <table class="CellHolder" bgcolor="#ffffff"  cellspacing="0" cellpadding="0">
               <asp:Repeater ID="rptParents" runat="server">
                   <!-- details deleted-->
               </asp:Repeater>
               
               </table>
               </td>
               <td width="15" ></td>
               <td id="tdChildCell"  class="font12" valign="top" align="left"> <asp:Label id="lblChild" runat="server"></asp:Label></td>
              </tr>
              
             </table></telerik:RadAjaxpanel>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
   
    </telerik:RadPageView>
</telerik:RadMultiPage>

Again, it works fine in FF. Has anyone seen this before?

Hi

Hi

Hi

I have setup a RadGird with a custom skin and pager. I have have copied the example for programming the sort order but the only problem once it is applied it does not update the grid until i go to the next page or per page.

I have the gird on a contect page and a scriptmanger and ajaxmanager on the master file

Here is my gird code

<telerik:RadGrid ID="rgdAgentOverview" runat="server" OnNeedDataSource="rgdAgentOverview_NeedDataSource"
                            AllowPaging="True" OnItemDataBound="rgdAgentOverview_ItemDataBound"
                            AutoGenerateColumns="False" GridLines="None"
                            Skin="Resolve" EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False"
                            OnSelectedIndexChanged="rgdAgentOverview_SelectedIndex"
                            OnItemCommand="rgdAgentOverview_ItemCommand" AllowSorting="True"
                            AllowCustomPaging="True" >
                            <HeaderContextMenu EnableEmbeddedBaseStylesheet="False"
                                EnableEmbeddedSkins="False">
                            </HeaderContextMenu>
                            <MasterTableView CellPadding="0" CellSpacing="0" DataKeyNames="AgentID"
                                GridLines="Vertical" PageSize="30" AllowCustomSorting="true">
                                <Columns>
                                    <telerik:GridTemplateColumn DataField="ColourID" UniqueName="TemplateColumn">
                                        <ItemStyle HorizontalAlign="Center" Width="9px" />
                                        <ItemTemplate>
                                            <div ID="ColourBlock" runat="server" style="height:20px; width: 9px;">
                                            </div>
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="AgentID" HeaderText="AgentID"
                                        UniqueName="column1">
                                        <ItemStyle HorizontalAlign="Center" Width="88px" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="AgentName" HeaderText="Agent Name"
                                        UniqueName="column2">
                                        <ItemStyle HorizontalAlign="Center" Width="182px" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn DataField="Position" HeaderText="Position"
                                        UniqueName="Position">
                                        <ItemTemplate>
                                            <div style="float: left; margin-top: 2px; margin-left: 10px;">
                                                <rec:RoundedHolder ID="rhbPosition" PositionID='<%# Eval("Position") %>' Opacity="75" DisplayRound="false"  Width="12px" Height="22px"
                                                Value="" runat="server" />
                                            </div>
                                            <div style="float:left;">
                                                <%# Eval("PositionText") %>
                                            </div>
                                        </ItemTemplate>
                                        <ItemStyle HorizontalAlign="Center" Width="124px" />
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="Rate" HeaderText="Rate"
                                        UniqueName="column5">
                                        <ItemStyle HorizontalAlign="Center" Width="69px" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn DataField="ColourID" UniqueName="TemplateColumn">
                                        <ItemStyle BorderStyle="None" HorizontalAlign="Center" Width="9px" />
                                    </telerik:GridTemplateColumn>
                                </Columns>
                                <EditFormSettings>
                                    <EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif"
                                        InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif">
                                    </EditColumn>
                                </EditFormSettings>
                                <PagerTemplate>
                                    <div class="GirdFooter">
                                        <div class="GirdFooterInner">
                                            <div class="GirdFooterPageCount">
                                            Current Page : <%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>
                                                            of
                                                            <%# DataBinder.Eval(Container, "Paging.PageCount")%>
                                            </div>
                                            <div class="GirdFooterPre">
                                                <asp:Image ID="ibnPre" CssClass="GirdFooterImage" runat="server" ImageUrl="~/Images/Previous.png" />
                                                <asp:LinkButton ID="lnkPre" runat="server" OnClick="lnkPre_Click">Previous</asp:LinkButton>
                                            </div>
                                            <span style="float: left; font-size: 12px; margin-top: -2px; margin-right: 5px;">|</span>
                                            <div class="GirdFooterNext">
                                                <asp:LinkButton ID="lnkNext" runat="server" OnClick="lnkNext_Click" >Next</asp:LinkButton>
                                                <asp:Image ID="ibnNext" CssClass="GirdFooterImage"  runat="server" ImageUrl="~/Images/Next.png" />
                                            </div>
                                        </div>
                                    </div>
                                </PagerTemplate>
                            </MasterTableView>
                            <ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true" >
                            </ClientSettings>
                            <FilterMenu EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False">
                            </FilterMenu>
                        </telerik:RadGrid>

Here is my c# code

protected void rgdAgentOverview_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        var dc = new ResolveDataClassDataContext();

        try
        {

            var AgentsData = (from c in dc.Members
                             select new
                             {
                                 AgentID = c.UserID,
                                 AgentName = c.MemberProfiles.First().Firstname + " " + c.MemberProfiles.First().Surname,
                                 Position = c.MemberType.ID,
                                 PositionText = c.MemberType.TypeOfMember,
                                 Rate = c.MemberType.Commission,
                             }).ToList();

            DataTable CurrentAgents = MyExtenders.FilterResults(AgentsData, true);
            rgdAgentOverview.DataSource = CurrentAgents;

        }
        catch (Exception ex)
        {
            Admin CurrentMaster = (Admin)Page.Master;
            CurrentMaster.DisplayError(ex.Message);
        }
    }

protected void ibnSort_Click(object sender, ImageClickEventArgs e)
    {

        if (rbnAgentID.Checked)
        {
            lblSortNumber.Text = "1.";
            lblCurrentSortOrder.Text = "Agent ID";
        }
        else if (rbnAgentName.Checked)
        {
            lblSortNumber.Text = "2.";
            lblCurrentSortOrder.Text = "Agent Name";
        }
        else if (rbnAgentPos.Checked)
        {
            lblSortNumber.Text = "3.";
            lblCurrentSortOrder.Text = "Position";
        }
        else if (rbnRate.Checked)
        {
            lblSortNumber.Text = "4.";
            lblCurrentSortOrder.Text = "Rate";
        }

        rgdAgentOverview.MasterTableView.SortExpressions.Clear();
        GridSortExpression expression = new GridSortExpression();
        expression.FieldName = "Rate";

        if (ddlSortDirection.SelectedItem.Text == "Ascending")
        {
            ibnArrowUp.ImageUrl = "~/Images/CaseIdArrow.jpg";
            expression.SortOrder = GridSortOrder.Ascending;
        }
        else
        {
            ibnArrowUp.ImageUrl = "~/Images/CaseIdArrowDown.jpg";
            expression.SortOrder = GridSortOrder.Descending;
        }
        rgdAgentOverview.MasterTableView.SortExpressions.AddSortExpression(expression);
        rgdAgentOverview.Rebind();

        rgdAgentOverview.CurrentPageIndex = rgdAgentOverview.CurrentPageIndex + 1;
        rgdAgentOverview.Rebind();

    }

Thank you for any help

Hi,
I use RadDatagrid template column. In EditItemTemplate I put RadComboBox. Values for it I suplly in ItemDataBound event.
The problem is when I try to edit a row, I receive an error message:

Selection out of range
Parameter name: value

In spite of value of edited field exists in RadComboBox items.

Please help me with this issue

Best Ragards
Zl. Rusev

I would like to change the close (cancel, "x") image on the popup editor. Is there any way to do this?

(See circled "x" in attached image).

Lauren

Hi,

I am using Radgrid for asp.net ajax control in my project.

i  am having button control within the item template, i need to fire click event where i should find the cilcked button's text value.

how to do that ..

pls give me the solution.

thanks,

mano.

Hello

I am a newbie an try to following this video,
to get a first introduction in the Telerik RadControls: KevinBabcock_29.flv

The table name in the database LJT_BCEX (the same for Linq Object, no pluralization like LJT_BCEXs).
Does this cause problems?

I don't get an Error message in Visual Studio, but no data is shown. Here is my webservice:

So the service itself seems to be ok. In debug I can see that it's returning the data properly (server side).
Here's the RadGrid Markup Code :

If I use Firefox/Firebug, then I can see, that there occurs a "Circular reference" with LJT_BCEX (that's the original class and table name and the name for the Linq Object).

Do I have to rename my Linq Object like Customer -> Customers?

This is possibly me missing something, or it is a suggestion for a feature in the Grid which would make things better in many cases.

The basic issue is that when a grid is exported to Excel, none of the column formats are observed, I have to set them all in code behind using the mso-number-format cell style.

From what I can discover, to get a grid formatted nicely in the resulting excel sheet, one has to write code for the ExcelExportCellFormatting event for the grid. In that code, the mso-number-format has to be set explicitly for each cell (except perhaps those with plain text). This involves a case statement switching on the UniqueName, setting the mso-number-format in the style. Effectively repeating all the formatting instructions already given in the declaration.

So my questions/suggestions are:

1. Would it not be possible to have an option to automatically covert the DataFormatString set in the declaration into an equialent mso-number-format. This would surely cover 90% of the cases where we want exactly the same format on the display and on the exported sheet - as an example, convert the DataFormatString="{0:C2}" into a e.Cell.Style["mso-number-format"] = @"\£\0022\#\,\#\#0\.00"
2. For cases where this is not quite right (maybe the auto convert does the wrong thing), provide a declarative atribute of the column (called say MsoNumberFormat) where we can declaratively set the format to be used on the export to excel - thus avoiding most (99% of) cases where additional code behind is required. If this attribute is set then of course it will overrride any automatic setting.
3. Of course there will be occasions where the code behind event handler is needed, so keep that as well to allow precise overriding of the above.
4. In the structures available in the event (ExcelExportCellFormatting) handler, I can't find the DataFormatString value (easily), so I have to write the big switch statement on each column by name - if I coudl refer to say e.FormattedColumn.DataFormatString I could do a smaller and generic switch statement for all my grids where I set the e.Cell.Style["mso-number-format"] based on the format string originally declared - basically if my format string is a 2 decimal place percentage I wil almost always want the same 2 decimal place percentage on my excel export.

 

I suggest all this because it seems relatively simple, and would make the Excel Export so much more "automatic" and hence the whole Telerk library so much more valuable.

At present the testing is tedious beyond belief - I just have to misspell one column name in the switch statement and unless I have carefully tested the resulting export column by column I will miss the error.

Andrew