Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
94 views
I have a hierachal radgrid.
The problem I am having is that it only allows a single parent to have it's children expanded at a time.

If Parent row 1 is expanded,
then I click to expand Parent row 2
-- Parent row 1 collapses, then Parent row 2 expands.


I do not want the row to collapse automatically.
I want to be able to have multiple rows be expanded at one time (and I have done this many times without a problem! )

I understand from this:
http://www.telerik.com/help/aspnet-ajax/grdsingleexpandinhierarchicalgrid.html

that the grid should not behave this way be default... but I did not implement any code to affect this functionality. 
Is there a setting or somewhere I should look to correct this?

Thanks.
Pavlina
Telerik team
 answered on 10 Sep 2010
3 answers
149 views
Hi,

I have a radgrid, we are trying to show pager style as per attached screen shot.
We tried a lot but till yet no success.

For example: In the table, We need to  show prev, next (with numberic 1,2 .. in between prev and next only) and ViewAll in the right of the 1st TR.
In the 2nd TR, in 1st col left allinged, we have to show Display 25 of some ... and in 2nd col center alligned, show Display per page combo box.

display Position should be top and bottom of the grid.

Note: I tried by using Pager Template, but not able to get it done.
Mira
Telerik team
 answered on 10 Sep 2010
2 answers
127 views
I created a ASP.NET project that uses VS 2010 template. The project pages use the default Site,Master and the default CSS that comes with VS 2010. When I add the code below (which is a copy of the code supplied with Telerik Demos) to a content in a web form page (that uses the master page) the menu disappears. The control that's causing the menu disappear is: RadDockZone. I can reproduce the problem by creating a new project and adding the code below to a page (or just a raddoclayout and raddockzone).

Would anybody have any suggestions how to fix the problem. I can guess that it's CSS issue but do not have much time (not now) for trying to find out what is going on. Workaround could be anything as long as the menu shows up and the rad dock demo code works.

Thanks

<telerik:RadScriptManager ID="ScriptManager" runat="server">
</telerik:RadScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" DecorationZoneID="ConfiguratorContainer1"/>
    <telerik:RadDockLayout runat="server" ID="RadDockLayout1">
        <table>
            <tr>
                <td style="vertical-align: top">
                    <telerik:RadDockZone ID="RadDockZone2" runat="server" Orientation="Vertical" Width="250px"
                        MinHeight="200px">
                        <telerik:RadDock ID="RadDock1" runat="server" Title="Blogs" Width="250px" EnableAnimation="true"
                            EnableRoundedCorners="true" Resizable="true">
                            <ContentTemplate>
                                aaa
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
                <td style="vertical-align: top">
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical" Width="560px"
                        MinHeight="200px">
                        <telerik:RadDock ID="RadDock2" runat="server" Title="News" Width="250px" EnableAnimation="true"
                            EnableRoundedCorners="true" Resizable="true">
                            <ContentTemplate>
                                bbbb
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
            </tr>
        </table>
        </telerik:RadDockLayout>
Pero
Telerik team
 answered on 10 Sep 2010
4 answers
169 views
Hello,

We are facing a display issue within our Scheduler control; We want to get the text overflow hidden and not being forced to next line of an appointment (printscreen attached).

We tried the below css code without success, someone can help?

<style type="text/css">  
/* hide additional content and don't allow the headers to wrap */    
    
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader,    
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader div,    
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader,    
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader div    
{    
    overflow: hidden;  
    white-space: nowrap;   
    text-overflow: ellipsis;    
}    
</style> 

Regards,
David
Myke
Top achievements
Rank 2
 answered on 10 Sep 2010
1 answer
71 views
Hi,
I'm trying to implement the client side editing without doing postback / callbacks. I mean, I want to do a server batch update only at the end of the client editing. Calling back the server just for showing the editing controls for me it is just useless (too slow in a real scenario).
I was looking at your example (the only one I've found)
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/clienteditbatchupdates/defaultcs.aspx
and I'm trying to replicate it, but I've immediately noticed one thing that I don't like at all: you are adding an hidden editing control directly to the ItemTemplate of the column. I don't like it because it means that for each cell you are creating 2 controls and this is an enormous waste of space.
Can't you suggest a way to create just 1 editing hidden control for column istead?

Best regards, Andrea Pirola
Radoslav
Telerik team
 answered on 10 Sep 2010
2 answers
1.7K+ views
I trying to use a rad splitter within a fixed header. There is a left pane for navigation and notification and a main content pane. The bottom portion of the scroll bar gets cut off and I can't figure out what I am doing wrong. I would really appreciate anyone who can point me in the right direction. Below is the code and attached is a screen shot of what I am ending up with.


<?xml version="1.0" encoding="iso-8859-1"?>
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  
  
  
  
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  
    <title></title>
  
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
  
<style type="text/css"> 
  
html, body, form
{
   
  height: 100%;   
   margin: 0px;   
   padding: 0px; 
    
      
}
  
html {
  
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
  
/* hide overflow:hidden from IE5/Mac */ 
  
overflow: visible; 
  
}
  
body {  
  
        height:100%; 
        max-height:100%; 
        overflow:hidden; 
        padding:0; 
        margin:0; 
        border:0;
          
        background:#fff; 
        font-family:arial, verdana, sans-serif; 
        font-size:76%;
        min-width:550px;
          
      
  
}
  
  
#container 
{
      
    overflow:auto; 
    position:absolute; 
    z-index:3; 
    height:100%; 
    top:104px; 
    bottom:0px; 
    left:0px; 
    right:0; 
    width: 100%; 
    margin-bottom:200px;
      
}
  
* html #container 
{
    top:0; 
    left:0; 
    right:0; 
    bottom:0px; 
    height:100%; 
    max-height:100%; 
    width:100%; 
    overflow:auto; 
    position:relative; 
    z-index:3; 
      
}
  
  
  
  
#header {
    
  position:absolute; 
  margin:0; 
  top:0; 
  left:0; 
  display:block; 
  width:100%; 
  height:100px;  
  z-index:5; 
  overflow:visible; 
  border-bottom: #ccc 4px solid;    
    padding:0px;  
  text-align:left;
  
}
  
  
  
  
</style>
  
  
</head>
  
  
<body >
  
  
    <form id="form1" runat="server"  >
  
      
  
<div id="container">
  
  
  <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Vista" />
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista" />
  
  
  
  
  
  
    <telerik:RadSplitter ID="RadSplitter1" runat="server"   BorderSize="0"  CssClass="radSplitter" Width="100%" Height="100%"  >
  
        <telerik:RadPane ID="LeftPane" runat="server" Width="180px" MaxWidth="300"   >
         
       <div id="leftColumnContent">
    <h4>Logged in as:</h4>
    <hr />
  
    <telerik:RadPanelBar runat="server" ID="RadPanelBar1"  Width="150"    >
            <Items>
                <telerik:RadPanelItem Expanded="True" Text="Pending Items">
                    <Items>
                        <telerik:RadPanelItem Text="Pending Item 1" NavigateUrl="Error.aspx">
                        </telerik:RadPanelItem>
  
  
                    </Items>
                </telerik:RadPanelItem>
                  
  
            </Items>
        </telerik:RadPanelBar>
        </div>
  
  
        </telerik:RadPane>
   
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward"  />
  
        <telerik:RadPane ID="RightPane" runat="server" Scrolling="Y"  >
   
            <div id="mainContent">
             <asp:ContentPlaceHolder ID="MainContent" runat="server">
                      
  
  
  
              
            </asp:ContentPlaceHolder>
                    </div>
  
        </telerik:RadPane>
  
          
  
  
    </telerik:RadSplitter>
  
  
  
</telerik:RadSplitter>
  
  
  
  
  
  
   
</div>
<!-- end of container -->
  
  
  
  
<div id="header">
<table width="100%" border="0">
                <tr>
                    <td>
                        <a href="/Default.aspx">
                            <img src="/Images/logo.png" width="138" height="66" vspace="10"  /></a>
                    </td>
                    <td width="100%">
                        <table cellpadding="0" cellspacing="0" width="100%" border="0">
                            <tr>
                                <td>
                                    <div style="float: right;">
                                        <asp:TextBox ID="txtSearchBox" runat="server" Width="450" Enabled="false"></asp:TextBox> 
                                        <asp:Button ID="btnSearch" runat="server" Text="Search" Enabled="false" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="float: right; margin-top: 5px; border-top: 2px solid #ccc; width:100%;">
                                        <div style="float: right; border:0px; margin:0px;">
                                              
                    </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- end #header -->
  
  </DIV>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    </form>
  
  
  
</body>
Svetlina Anati
Telerik team
 answered on 10 Sep 2010
4 answers
101 views
when onmouseover the Label control "lblProductTitle",RadToolTipManager has been refreshed and RadTookTipManager content did not come out, RadTookTipManager control has been flashing

It is the masterpage code front please see the blod part:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Panel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  Style="height: 100%;
        width: 100%;"  Skin="" Transparency="30">
        <div class="loading">
         <div style=" width:100%; height:50%;">
        </div>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading5.gif" AlternateText="loading" />
            <asp:Label runat="server" Text="<%$Resources:Languages,loading%>" style=" font-family:Calibri;" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    <fieldset style="width: 100%; height: 100%;">
        <asp:Panel ID="Panel" runat="server" style=" width:100%; height:100%;">
            <table style="height: 100%; width: 100%;" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 30px; vertical-align: bottom">
                        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                            <script type="text/javascript">
                                function showProductIntroduction() {
                                    var tooltipManager = $find("ctl00_RadToolTipManager1");
                                    if (tooltipManager) {
                                        var tooltip = tooltipManager.getToolTipByElement(document.getElementById("ctl00_lblProductTitle"));
                                        if (!tooltip) {
                                            tooltip = tooltipManager.createToolTip(document.getElementById("ctl00_lblProductTitle"));
                                            tooltip.show();
                                        }
                                    }
                                }
                            </script>
                        </telerik:RadCodeBlock>
                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                            <table width="100%" class="tableClass">
                                <tr>
                                    <td>
                                        <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetX="15" Skin="Telerik" Position="MiddleRight"
                                            Height="260px" Width="220px" AutoCloseDelay="999999" RelativeTo="Element" runat="server"
                                            OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
                                        </telerik:RadToolTipManager>
                                        <asp:Label runat="server" ID="lblProductTitle" onmouseover="showProductIntroduction()"
                                            Text="<%$Resources:Languages,projectTitle %>" Style="color: #005EAD; font-family: Calibri;
                                            font-size: 43px;" />
                                    </td>
                                </tr>
                            </table>
                        </telerik:RadAjaxPanel>
                    </td>

this is my code behind:
 protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)
        {
            ProductDetails detials = (ProductDetails)this.LoadControl("ProductDetails.ascx");
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(detials);
        }

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductDetails.ascx.cs"
    Inherits="TEXO.ProductDetails" %>
<table runat="server" id="ProductWrapper" class="inner" border="0" cellpadding="2"
    cellspacing="0">
    <tr>
        <td style="width: 200px; text-align: center;">
            <div class="title" style=" text-align:left;">
                <asp:Label ID="Label1" runat="server" Style="font-family: Calibri; font-size: 16px;"
                    Text="<%$Resources:Languages,productIntroduction %>" Width="210px"></asp:Label></div>
        </td>
    </tr>
</table>
Diana
Top achievements
Rank 1
 answered on 10 Sep 2010
2 answers
180 views
Good Day

We have two RadGrids in a RadTab/RadMultiPage control. In addition, there is a a RadAjaxManager on the page which is used in code behind to apply some settings to the grids.

The grids are in two separate user controls and the initial filtering only works for one grid - but it seems order matters here. For example, if I put the Issues grid, then the Risk grid on the Mulitpage and run the app, the Risk (the 2nd control added to the page) is initially filtered where as the Issues is left in its default state. In addition, if you try to manually filter the Issues (using a templated column + combobox), it throws an exception about the string not being trimmed. If you ignore this error the Issues grid filter.

Now if you put the Risks grid first then the Issues, the reverse happens, in the the Issues is filtered and the Risks are not. At first I thought that it had something to do with the Mulitpage control but after putting issues and risks in just plain divs, the same thing happened. All I can think of is that there is some ajax call that is overriding filtering on the first grid.

Since I can't attach zipped files here, I have included a solution to highlight the issue I am facing (~16megs) (http://www.mediafire.com/file/f0kdrt8qxubwb20/RadGridTest01.zip     using VS2008 and .NET 3.5 SP1 with ASP.Ajax v.2009.1.527.20 ) . I have two classes called Issues and Risks used to generate data similar to what we currently have in our project. Also I used the OnMasterTableCreated client event of each grid to call the javascript that is supposed to do the filtering.
The actual filtering works in each case individually, but not together.

I hope you can help me figure out what is going on here. Thanks.
Daniel
Telerik team
 answered on 10 Sep 2010
1 answer
113 views
when onmouseover the Label control "lblProductTitle",RadToolTipManager has been refreshed and RadTookTipManager content did not come out, RadTookTipManager control has been flashing

It is the masterpage code front please see the blod part:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Panel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  Style="height: 100%;
        width: 100%;"  Skin="" Transparency="30">
        <div class="loading">
         <div style=" width:100%; height:50%;">
        </div>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading5.gif" AlternateText="loading" />
            <asp:Label runat="server" Text="<%$Resources:Languages,loading%>" style=" font-family:Calibri;" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    <fieldset style="width: 100%; height: 100%;">
        <asp:Panel ID="Panel" runat="server" style=" width:100%; height:100%;">
            <table style="height: 100%; width: 100%;" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 30px; vertical-align: bottom">
                        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                            <script type="text/javascript">
                                function showProductIntroduction() {
                                    var tooltipManager = $find("ctl00_RadToolTipManager1");
                                    if (tooltipManager) {
                                        var tooltip = tooltipManager.getToolTipByElement(document.getElementById("ctl00_lblProductTitle"));
                                        if (!tooltip) {
                                            tooltip = tooltipManager.createToolTip(document.getElementById("ctl00_lblProductTitle"));
                                            tooltip.show();
                                        }
                                    }
                                }
                            </script>
                        </telerik:RadCodeBlock>
                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                            <table width="100%" class="tableClass">
                                <tr>
                                    <td>
                                        <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetX="15" Skin="Telerik" Position="MiddleRight"
                                            Height="260px" Width="220px" AutoCloseDelay="999999" RelativeTo="Element" runat="server"
                                            OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
                                        </telerik:RadToolTipManager>
                                        <asp:Label runat="server" ID="lblProductTitle" onmouseover="showProductIntroduction()"
                                            Text="<%$Resources:Languages,projectTitle %>" Style="color: #005EAD; font-family: Calibri;
                                            font-size: 43px;" />
                                    </td>
                                </tr>
                            </table>
                        </telerik:RadAjaxPanel>
                    </td>

this is my code behind:
 protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)
        {
            ProductDetails detials = (ProductDetails)this.LoadControl("ProductDetails.ascx");
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(detials);
        }

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductDetails.ascx.cs"
    Inherits="TEXO.ProductDetails" %>
<table runat="server" id="ProductWrapper" class="inner" border="0" cellpadding="2"
    cellspacing="0">
    <tr>
        <td style="width: 200px; text-align: center;">
            <div class="title" style=" text-align:left;">
                <asp:Label ID="Label1" runat="server" Style="font-family: Calibri; font-size: 16px;"
                    Text="<%$Resources:Languages,productIntroduction %>" Width="210px"></asp:Label></div>
        </td>
    </tr>
</table>
Iana Tsolova
Telerik team
 answered on 10 Sep 2010
2 answers
175 views

Hi,

While browse our application in IE8, 
    1. The page is not rendering properly ( Please see the attachment  ie8issue_schedulerctl.jpg )
    2. Even some time it's giving script error. (Please see attachment scripterror_in_ie8.jpg)
    3. In Compatability view mode (IE8), some times it's working and some time it's not working. (Please see attachment  ie8_but_compatabilityview.jpg)

Thanks,
Team

Peter
Telerik team
 answered on 10 Sep 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?