Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,829 questions
0 answers
72 views
Look and Feel varying between browsers
Hi
        I am using radgrid having following codes, when i am applying styles,width,height etc to Grid it works fine in FireFox browser but it the Grid's look and feel is not come good in IE browser. The height and widths are totally varying. I couldnt analyse what is the problwm behind of that.

Plz help me by anlysing the code, whether i made any mistakes or  not and guide me.

<div style="margin-top: 0px; height: 200px; width: 1500px">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <%--<div class="module" style="height: 50px; width: 92%">
                <br />
                <asp:Button ID="btnExport" Width="150px" Text="Export to PDF" runat="server" OnClick="btnExport_Click" />
            </div>--%>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="requestStart"
                OnAjaxSettingCreating="RadAjaxManager1_AjaxSettingCreating">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel2" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <%--<telerik:AjaxSetting AjaxControlID="btnExport">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                            <telerik:AjaxUpdatedControl ControlID="btnExport" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>--%>
                </AjaxSettings>
                <ClientEvents OnRequestStart="requestStart" />
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="75px"
                Width="75px" HorizontalAlign="Left" BackgroundPosition="BottomLeft" Direction="LeftToRight">
                <div style="position: absolute; left: 500px; top: 200px">
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                        style="border: 0px;" />
                </div>
            </telerik:RadAjaxLoadingPanel>
            <telerik:RadGrid AllowPaging="true" Height="575px" Width="100%" AutoGenerateColumns="false"
                AllowFilteringByColumn="true" PageSize="50" AllowSorting="true" ID="RadGrid1"
                runat="server" OnItemDataBound="RadGrid1_ItemDataBound" ShowFooter="true" OnPreRender="RadGrid1_PreRender"
                OnItemCommand="RadGrid1_ItemCommand" OnItemCreated="RadGrid1_ItemCreated" OnNeedDataSource="RadGrid1_NeedDataSource"
                MasterTableView-NoDetailRecordsText="NO RECORD FOUND..." MasterTableView-NoMasterRecordsText="---NO RECORD FOUND!!!!---">
                <ExportSettings IgnorePaging="True" OpenInNewWindow="True">
                    <Pdf AllowCopy="True" PageTitle="PostingNotice Billing Report" Keywords="None" Subject="RadGrid Export"
                        Author="Anonymous" Title="PostingNotice Billing Report" PageHeight="14in" PageWidth="8.5in" />
                </ExportSettings>
                <SortingSettings EnableSkinSortStyles="false" />
                <MasterTableView TableLayout="Fixed" ShowGroupFooter="true" EnableHeaderContextMenu="true"
                    AllowMultiColumnSorting="true" CommandItemDisplay="bottom" ShowFooter="true">
                    <HeaderStyle Height="20px" />
                    <FilterItemStyle Height="10px" />
                    <ItemStyle Height="20px" />
                    <AlternatingItemStyle Height="20px" />
                    <FooterStyle Font-Bold="true" Font-Size="10px" Font-Names="Arial" />
                    <GroupHeaderItemStyle Font-Bold="true" Font-Size="10px" Font-Names="Arial" />
                    <CommandItemStyle VerticalAlign="Middle" HorizontalAlign="Left" Wrap="false" />
                    <GroupByExpressions>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField FieldAlias="FirmName:" FieldName="Firm_name"></telerik:GridGroupByField>
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldAlias="FirmName:" FieldName="Firm_name"></telerik:GridGroupByField>
                                <telerik:GridGroupByField FieldName="ProjectID"></telerik:GridGroupByField>
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                    </GroupByExpressions>
                    <CommandItemTemplate>
                        <asp:LinkButton Font-Bold="true" ForeColor="blue" ID="btnExport" CommandName="lnkExportPDF"
                            runat="server">ExportPDF</asp:LinkButton>
                    </CommandItemTemplate>
                    <PagerStyle Mode="NextPrevAndNumeric" />
                    <Columns>
                        <telerik:GridBoundColumn HeaderStyle-Width="2.33%" SortExpression="FID" AllowFiltering="false"
                            HeaderText="FID" DataField="FID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Firm_name" HeaderStyle-Width="4.5%" ItemStyle-Wrap="true"
                            SortExpression="Firm_name" HeaderText="FirmName" DataField="Firm_name">
                            <FilterTemplate>
                                <telerik:RadComboBox Font-Names="Arial" Font-Size="9px" ID="NameComboBox" AutoPostBack="true"
                                    Height="100px" Width="80px" runat="server" OnSelectedIndexChanged="NameComboBox_IndexChanged"
                                    OnClientSelectedIndexChanged="NameChanged">
                                </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

                                    <script type="text/javascript">
                                    function NameChanged(sender,args)
                                    {
                                        document.getElementById('<%=hdnFilter.ClientID%>').value = args.get_item().get_value();

                                    }
                                    </script>

                                </telerik:RadScriptBlock>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="ProjectID" HeaderStyle-Width="3%" ItemStyle-Wrap="true"
                            Aggregate="CountDistinct" FooterText="ProjID:" AllowFiltering="false" HeaderText="ProjectID"
                            DataField="ProjectID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="Project_Name" HeaderStyle-Width="6.67%"
                            ItemStyle-Wrap="true" AllowFiltering="false" HeaderText="ProjectName" DataField="Project_Name">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="Project_Date_Created" HeaderStyle-Width="12.67%"
                            ItemStyle-Wrap="true" DataFormatString="{0:mm/dd/yyyy hh:mm:ss tt}" HeaderText="ProjectDateCreated"
                            DataField="Project_Date_Created">
                            <FilterTemplate>
                                <table border="0">
                                    <tr style="width: 10px;">
                                        <td style="border-width: 0px; width: 5px; font-size: 10px; font-family: Arial;">
                                            From</td>
                                        <td style="border-width: 0px">
                                            <telerik:RadDateTimePicker Font-Names="Arial" Font-Size="9px" ID="FromOrderDatePicker"
                                                runat="server" AutoPostBack="true" OnSelectedDateChanged="FromOrderDatePicker_SelectedDateChanged"
                                                Height="15px" Width="150px" AutoPostBackControl="TimeView" SelectedDate="06/23/2009" />
                                        </td>
                                    </tr>
                                    <tr style="border-width: 0px">
                                        <td style="border-width: 0px; font-size: 10px; font-family: Arial;">
                                            To</td>
                                        <td style="border-width: 0px">
                                            <telerik:RadDateTimePicker ID="ToOrderDatePicker" AutoPostBackControl="TimeView"
                                                OnSelectedDateChanged="FromOrderDatePicker_SelectedDateChanged" Height="15px"
                                                Width="150px" Font-Names="Arial" Font-Size="XX-Small" runat="server" AutoPostBack="true"
                                                SelectedDate="06/23/2009" />
                                        </td>
                                    </tr>
                                </table>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="PS_TimeStamp" HeaderStyle-Width="6%" ItemStyle-Wrap="true"
                            AllowFiltering="false" HeaderText="PS_TimeStamp" DataField="PSTimeStamp">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="OrgName1" HeaderStyle-Width="5.33%" ItemStyle-Wrap="true"
                            UniqueName="OrgName1" CurrentFilterFunction="contains" AutoPostBackOnFilter="true"
                            FooterText="OrgName :" Aggregate="CountDistinct" HeaderText="OrgName" ShowFilterIcon="false"
                            DataField="OrgName1">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="BillingCode" HeaderStyle-Width="5.33%" ItemStyle-Wrap="true"
                            AllowFiltering="true" HeaderText="BillingCode" UniqueName="BillingCode" DataField="BillingCode">
                            <FilterTemplate>
                                <telerik:RadComboBox Font-Names="Arial" Font-Size="9px" ID="BillCodeComboBox" AutoPostBack="true"
                                    Height="100px" Width="75px" runat="server" OnSelectedIndexChanged="BillingCodeComboBox_IndexChanged"
                                    AccessKey="T" TabIndex="1" MarkFirstMatch="True" AllowCustomText="False" AutoCompleteSeparator=";,"
                                    OnClientSelectedIndexChanged="BillingCodeChanged">
                                </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock5" runat="server">

                                    <script type="text/javascript">
                                    function BillingCodeChanged(sender,args)
                                    {
                                        document.getElementById('<%=hdnBillCode.ClientID%>').value = args.get_item().get_Text();
                                       
                                    }
                                    </script>

                                </telerik:RadScriptBlock>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="BillingInfo_Date_Created" HeaderStyle-Width="4.5%"
                            AllowFiltering="false" HeaderText="BillingInfoDate Created" HeaderStyle-Wrap="true"
                            HeaderStyle-HorizontalAlign="Left" DataField="BillingInfo_Date_Created">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="JurisdictionCode" HeaderStyle-Width="2.67%"
                            ItemStyle-Wrap="true" UniqueName="JurisdictionCode" HeaderStyle-Wrap="true" HeaderText="Jurisdiction Code"
                            DataField="JurisdictionCode">
                            <FilterTemplate>
                                <telerik:RadComboBox Font-Names="Arial" Font-Size="9px" ID="JurisdictionComboBox"
                                    AutoPostBack="true" Width="50px" Height="100px" runat="server" OnSelectedIndexChanged="JurisdictionCodeComboBox_IndexChanged"
                                    AccessKey="T" TabIndex="1" MarkFirstMatch="True" AllowCustomText="False" AutoCompleteSeparator=";,"
                                    OnClientSelectedIndexChanged="JurisdictionCodeChanged">
                                </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock6" runat="server">

                                    <script type="text/javascript">
                                    function JurisdictionCodeChanged(sender,args)
                                    {
                                        document.getElementById('<%=hdnJurisdictionCode.ClientID%>').value = args.get_item().get_value();
                                       
                                    }
                                    </script>

                                </telerik:RadScriptBlock>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="FergTechNum" HeaderStyle-Width="4%" ItemStyle-Wrap="true"
                            UniqueName="FergTechNum" HeaderText="FergTechNum" DataField="FergTechNum">
                            <FilterTemplate>
                                <telerik:RadComboBox Font-Names="Arial" Font-Size="9px" ID="FergTechNumComboBox"
                                    AutoPostBack="true" Height="100px" Width="75px" runat="server" OnSelectedIndexChanged="FergTechNumComboBox_IndexChanged"
                                    AccessKey="v" TabIndex="1" MarkFirstMatch="True" AllowCustomText="False" AutoCompleteSeparator=","
                                    OnClientSelectedIndexChanged="FergTechNumChanged">
                                </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock7" runat="server">

                                    <script type="text/javascript">
                                    function FergTechNumChanged(sender,args)
                                    {
                                        document.getElementById('<%=hdnFergTechNum.ClientID%>').value = args.get_item().get_value();
                                       
                                    }
                                    </script>

                                </telerik:RadScriptBlock>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderStyle-Width="5%" ItemStyle-Wrap="true" SortExpression="Quantity"
                            Aggregate="Sum" FooterText="Quantity :" ItemStyle-HorizontalAlign="Right" HeaderText="Quantity"
                            DataField="Quantity" UniqueName="Quantity">
                            <FilterTemplate>
                                <table border="0" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px;">
                                    <tr style="width: 0px">
                                        <td style="border-width: 0;">
                                            <asp:Label ID="MinLabel" runat="server" Text="$0"></asp:Label>
                                        </td>
                                        <td style="border-width: 0px;">
                                            <telerik:RadSlider runat="server" ID="RadSlider1" IsSelectionRangeEnabled="true"
                                                SmallChange="5" ShowDecreaseHandle="false" ShowIncreaseHandle="false" Width="75px"
                                                OnClientSlideEnd="QuantityRangeChanged" OnClientValueChange="ClientValueChange"
                                                OnClientSlideStart="ClientSlideStart" />
                                            <div style="clear: both">
                                                <asp:Literal ID="Literal1" runat="server" Text='<%# "Range: $" + StartSlider + " - $" + EndSlider %>' />
                                            </div>
                                            <telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">

                                                <script type="text/javascript">
                                        function QuantityRangeChanged(sender,args)
                                         {                                     
                                            var tableView=$find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");                                                                                       
                                            
                                            var startValue = sender.get_selectionStart();
                                            var endValue = sender.get_selectionEnd();
                                                                                
                                            tableView.filter("Quantity", startValue + " " + endValue, "Between");
                                        }
                                        function ClientValueChange(sender, args)
                                        {
                                        var tooltip = $find("<%= RadToolTip1.ClientID %>");
                                        
                                        if (!tooltip.isVisible())
                                        {
                                            var activeHandle = sender.get_activeHandle();
                                            if(!activeHandle) return;
                                                   
                                            tooltip.set_targetControl(activeHandle);
                                            tooltip.show();
                                        }
                                        else
                                        {
                                            tooltip.updateLocation();
                                        }
                                        
                                        tooltip.set_text(args.get_newValue());
                                        }
            
                                    function ClientSlideStart(sender, args)
                                    {
                                        var tooltip = $find("<%= RadToolTip1.ClientID %>");
                                        tooltip.hide();
                                    }           
                                       
                                                </script>

                                            </telerik:RadScriptBlock>
                                        </td>
                                        <td style="border-width: 0px; padding-left: 0px">
                                            <asp:Label ID="MaxLabel" runat="server" Text="$25"></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="SourceFile" HeaderStyle-Width="5%" HeaderStyle-Wrap="true"
                            ItemStyle-Wrap="true" AllowFiltering="false" HeaderText="SourceFile" DataField="SourceFile">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowDragToGroup="true" />
                <%--<ItemStyle HorizontalAlign="right" />--%>
                <GroupingSettings ShowUnGroupButton="true" />
            </telerik:RadGrid>
            <telerik:RadToolTip ID="RadToolTip1" runat="server" OffsetY="3" Position="TopCenter"
                ShowCallout="false" Height="20px" ShowEvent="fromcode" />
            <asp:HiddenField ID="hdnFilter" runat="server" />
            <asp:HiddenField ID="hdnBillCode" runat="server" />
            <asp:HiddenField ID="hdnJurisdictionCode" runat="server" />
            <asp:HiddenField ID="hdnFergTechNum" runat="server" />
        </div>

regards,
Appu
 
Grid
Appu
Top achievements
Rank 1
 asked on 03 Jul 2009
1 answer
185 views
Change content of window after load complete
Hi

I am using the excellent RadWindow to display an image selected from a list of press clippings (list view).
In some case there are additional images  associated with the article and I would like to be able to
have 'Next' and 'Back' buttons in the title bar, and then swap the image in the window when they are clicked.

The urls of the images are in a database and the ID is passed as a parameter to the window, so all the info
is available to code behind.

Can you give some ideas on the best way to tackle this, making most use of the funcionality that is already
included?

Thanks a lot!

Clive
Window
Fiko
Telerik team
 answered on 03 Jul 2009
5 answers
171 views
OnAjaxUpdate programmatically
Hi,

why I cant define the OnAjaxUpdate RadToolTipManager method on server-side if I create the control programmatically?

Dim rttm As New RadToolTipManager 
rttm.ID = "rttElement" 
rttm.TargetControls.Add(btnLinkElement.ClientID, "imagebtn", True) 
rttm.TargetControls.Add(lnkBtnElement.ClientID, "hyplink", True) 
rttm.HideEvent = ToolTipHideEvent.ManualClose 
rttm.ShowEvent = ToolTipShowEvent.OnClick 
rttm.ShowCallout = True 
'rttm.OnAjaxUpdate="rttm_Update" 
AddHandler rttm.WHERE IS?, AddressOf rttm_Update 
 

Thanks.
ToolTip
Svetlina Anati
Telerik team
 answered on 03 Jul 2009
1 answer
110 views
Bug in Firefox: RadEditor on RadMultiPage + RadTabStrip
When RadEditor located on second page of RadMultiPage it is broken in firefox. See code below to reproduce the bug.

        <asp:ScriptManager ID="objScriptManager" runat="server" /> 
        <div> 
            <telerik:RadTabStrip ID="objRadTabStrip" runat="server" MultiPageID="objRadMultiPage" 
                Skin="Office2007" SelectedIndex="0"> 
                <Tabs> 
                    <telerik:RadTab runat="server" Text="First page"> 
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Second page"> 
                    </telerik:RadTab>                     
                </Tabs> 
            </telerik:RadTabStrip> 
        </div> 
        <telerik:RadMultiPage ID="objRadMultiPage" runat="server" SelectedIndex="0"> 
            <telerik:RadPageView ID="objRadPageView" runat="server"> 
                <br /> 
                Select next page 
                <br /> <br /> 
                <telerik:RadEditor ID="objRadEditorFail" runat="server"  
                Height="280px" Skin="Office2007" 
                    Width="720px">                 
                </telerik:RadEditor> 
                 
                </telerik:RadPageView> 
            <telerik:RadPageView ID="objRadPageView2" runat="server"> 
             <br /> 
                This is bug!!! 
             <br /> <br /> 
                <telerik:RadEditor ID="RadEditor1" runat="server" Height="280px"  
                    Skin="Office2007" 
                    Width="720px" ForeColor="White" StripFormattingOptions="MSWordNoFonts"> 
                </telerik:RadEditor> 
            </telerik:RadPageView> 
        </telerik:RadMultiPage> 


Also you can see demo video  to see bug.
Editor
Rumen
Telerik team
 answered on 03 Jul 2009
2 answers
363 views
Programmatically Create & Bind Data to RadNumericTextBox In RadGrid
I have a very simple table with 3 columns; ID (hidden), Quantity, Amount. The point of the grid is to allow users to add a new row, add values and the keeping adding rows with values. 

I am programatically creating the grid columns specifying the EditItemTemplate of the columns using a class that implements ITemplate as follows:

 
templateColumn = new GridTemplateColumn(); 
templateColumn.EditItemTemplate = new RadNumericTextBoxTemplate("txtQuantity", "Quantity"); 
templateColumn.UniqueName = templateColumn.HeaderText = "Quantity"; 
templateColumn.DataField = "Quantity"; 
myGrid.MasterTableView.Columns.Add(templateColumn); 

public class RadNumericTextBoxTemplate : TemplateControlDefaults 
{ 
    protected RadNumericTextBox textBox; 
    string controlname; 
    string bindingName; 
 
    public RadNumericTextBoxTemplate(string ControlName, string BindingName) 
    { 
        this.controlname = ControlName; 
         
        if (BindingName != string.Empty) 
        { 
            this.bindingName = BindingName; 
        } 
    } 
 
    public override void InstantiateIn(System.Web.UI.Control container) 
    { 
        textBox = new RadNumericTextBox(); 
        textBox.ID = this.controlname; 
        textBox.Skin = defaultTextBoxSkinName; 
        textBox.Width = Unit.Pixel(100); 
 
        container.Controls.Add(textBox); 
        } 
    } 

The rows always need to be in Edit mode, InlIne editing in this case:

protected void myGrid_ItemDataBound(object sender, GridItemEventArgs e)  
{  
    if (e.Item is GridDataItem)  
    {  
        e.Item.Edit = true;  
    }  
} 

How do I make sure that the items are bound to the text boxes? The data source is an IList<myObject> where myObject has the properties to match the columns (ID, Quantity, Amount).

Any help appreciated.
Grid
Carl
Top achievements
Rank 1
 answered on 03 Jul 2009
1 answer
184 views
Treeview in Modal Dialog does not load in Chrome
Hi,

I am trying to display a RadTreeView (build 2008.3.1314.20) in a modal window in Google Chrome (build 2.0.172.33), but the treeview doesn't appear to load. Sample code below (code tested and working in IE7/8, FF3, Safari 4):

Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" %> 
 
<%@ 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"> 
     
    <script type="text/javascript"> 
        //<![CDATA[
        function openModalTree()
        {
            window.showModalDialog("/TreeView.aspx", "height:400px; width:400px; center:yes;");
            return false;
        }
        function openModelessTree()
        {
            window.open("/TreeView.aspx", "height:400px; width:400px; center:yes;");
            return false;
        }
        //]]> 
    </script> 
     
     
    <asp:ScriptManager ID="sm1" runat="server" /> 
     
    <asp:Button ID="btnModal" runat="server" Text="View in Modal" OnClientClick="return openModalTree();" /><br /> 
    <asp:Button ID="btnNormal" runat="server" Text="View in Modeless" OnClientClick="return openModelessTree();" /> 
     
    </form> 
</body> 
</html> 
 

TreeView.aspx:
<%@ Page Language="C#" AutoEventWireup="true" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="Telerik" %> 
 
<script runat="server"> 
    const int MAX_DEPTH = 2; 
    const int NODES_PER_LEVEL = 10; 
 
    protected void Page_Load(object sender, EventArgs e) 
    { 
        BindNodes(null, NODES_PER_LEVEL, MAX_DEPTH); 
    } 
 
    private void BindNodes(RadTreeNode parentNode, int count, int depth) 
    { 
        for (int i = 0; i < count; i++) 
        { 
            var node = new RadTreeNode("This is node " + i + " at depth " + (MAX_DEPTH - depth)); 
            if (parentNode != null) 
                parentNode.Nodes.Add(node); 
            else 
                tv1.Nodes.Add(node); 
 
            if (depth > 0) 
                BindNodes(node, count, depth - 1); 
        } 
    } 
</script> 
 
<!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"> 
        <asp:ScriptManager ID="sm1" runat="server" /> 
        <Telerik:RadTreeView ID="tv1" runat="server" Width="100%" Height="100%" /> 
    </form> 
</body> 
</html> 
 

TreeView
Atanas Korchev
Telerik team
 answered on 03 Jul 2009
1 answer
192 views
customize event template in month view
can i customize the event slot in month view to show the count of my events (or something else) . Basically i want the user to see a count of events scheduled for that particular day and also some addition information that i fetch from database. All this in the monthview of the scheduler
Scheduler
Peter
Telerik team
 answered on 03 Jul 2009
1 answer
74 views
[Solved] RadCalenar in RadTreeViewContextMenu display problem
Hmm, not sure whether this should go in the RadTreeView forum, RadMenu forum, or RadCalendar forum, but oh well, it's going here :)

I have a RadTreeView with a context menu, in which one item has a popout item that contains a RadCalendar.  This all shows up just fine, but when I go to use the FastNavigation for the calendar, it shows up behind the context menu.  I tried to put a very large z-index on the FastNavigation style, but that didn't work.  Some simple demo code is below.  Any suggestions?

        <telerik:RadTreeView ID="RadTreeView1" runat="server"> 
            <Nodes> 
                <telerik:RadTreeNode Text="My Node" /> 
            </Nodes> 
            <ContextMenus> 
                <telerik:RadTreeViewContextMenu> 
                    <Items> 
                        <telerik:RadMenuItem Text="Show Calendar"> 
                            <Items> 
                                <telerik:RadMenuItem> 
                                    <ItemTemplate> 
                                        <telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial, Verdana, Tahoma" 
                                            ForeColor="Black" Style="border-color: #ececec"><fas 
                                        </telerik:RadCalendar> 
                                    </ItemTemplate> 
                                </telerik:RadMenuItem> 
                            </Items> 
                        </telerik:RadMenuItem> 
                    </Items> 
                </telerik:RadTreeViewContextMenu> 
            </ContextMenus> 
        </telerik:RadTreeView> 


Thanks,
Jared
Menu
Shinu
Top achievements
Rank 2
 answered on 03 Jul 2009
1 answer
120 views
3 Splitter related issues
I'm having 3 splitter/pane related issues.

I have a somewhat complex layout of splitters and panes. I have a typical header, menu, body main layout. Then nested in the body I have another set of panes and splitters which break the form itself up. 3 row, the top and bottom row are split into 2 panes. Each of these is set with an explicit pixel height. The center row has a repeater nested in it. This area grows and shrinks in height based on the size of 
the borowser. The repeater in the middle is rendered as a table, with a header row, no footer row, and a single row for each item in the repeater. I have the header row frozen with style sheet expressions such that the table rolls scroll.

Issue 1:
Table shows up under repeater frozen header. This is a common problem, which is easily fixable when the proper style sheets are put into place. The problem is, the splitters seem to be moving the frozen header around. This leaves a single pixel across the top where the table shows through as it is scrolled underneath. If I mouse over a particular collapse button on the splitter the header row jumps up a pixel into the right place. I'd really like it to be in the right place when the page loads.

Issue 2:
Scrollbar covers part of the Repeater table. When the repeater is rendered in the browser the table is partially obscured by the scroll bar. The header row which is frozen with a style sheet expression shows over the scrollbar. How can I get the scrollbar to not appear over the table, and how can I get the header row under the scrollbar.

Issue 3:
Pane the repeater is in does not extend the full width of the page after a single postback. When the page loads it renders correctly. Resize the browser and the width is corrected. Post back again, and the width is fixed. It only seems to do this after the 1st postback.

Any help on any of these issues is greatly appriciated.

Splitter
Svetlina Anati
Telerik team
 answered on 03 Jul 2009
1 answer
58 views
When use two ascx containing Rotator..
Hi There~,

I have a problem, when using RadRotator.
The problem is the following :

There is two ascx that is same ascx in aspx page and the ascx contains RadRotator.
When i click the next button or back button that is working well but the problem is the other RadRotator also working.

How can i help this?

Thanks.
Regards,
patrick.
Rotator
Fiko
Telerik team
 answered on 03 Jul 2009
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Licensing
Chat
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
8662 8663
8664
8665 8666
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how