I am using pageload function to bind data to radgrid , but while debugging the function it break from the below line

$find("<%= GridView1.ClientID %>").get_masterTableView();

Here is my pageload function
 function pageLoad(sender, eventArgs) {
                
                var tableView = $find("<%= GridView1.ClientID %>").get_masterTableView();
                $find("<%= RadAjaxLoadingPanel1.ClientID %>").show("<%= GridView1.ClientID %>");
                PageMethods.GetData(parseInt($find("<%= hdnParentCompany_Id.ClientID %>")), parseInt($find("<%= hdnNamespace.ClientID %>")),
                                                  parseInt($find("<%= hdnUserLevel.ClientID %>")), parseInt($find("<%= hdnUserId.ClientID %>")),
                                                  parseInt($find("<%= hdnStartDate.ClientID %>")), parseInt($find("<%= hdnEndDate.ClientID %>")),
                                                  "0","","", tableView.get_sortExpressions().toString(), 0 , tableView.get_pageSize(), tableView.get_filterExpressions().toList(),
                    updateGrid);

               //PageMethods.GetCount(tableView.get_filterExpressions().toList(), updateVirtualItemCount);
            }
and aspx code is 
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="True">
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <ClientEvents OnRequestStart="onRequestStart"></ClientEvents>
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="GridView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="GridView1" LoadingPanelID="RadAjaxLoadingPanel1">
                    </telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>


<telerik:RadGrid ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="false"
                AllowFilteringByColumn="true" PageSize="100" AllowPaging="true" AllowSorting="true"
                OnPreRender="GridView_OnPreRender" CellSpacing="1" Style="padding: 1px;" Skin="Default">
                <ItemStyle Wrap="false"></ItemStyle>
                <ClientSettings>
                    <Selecting AllowRowSelect="False" />
                    <Scrolling AllowScroll="true" ScrollHeight="500px" />
                    <ClientEvents OnHierarchyExpanding="GridViewOnHierarchyExpending" />
                </ClientSettings>
                <ExportSettings Excel-Format="Html" ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">
                </ExportSettings>
                <MasterTableView Name="AllMailSentDetails" CommandItemDisplay="Top" TableLayout="Fixed">
                    <HeaderStyle Font-Size="14px" />
                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True" />
                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True" />
                    <SortExpressions>
                        <telerik:GridSortExpression FieldName="Content_Viewed" SortOrder="Ascending" />
                    </SortExpressions>
                    <CommandItemTemplate>
                        <asp:Button ID="ExportMasterDataButton" runat="server" CommandName="ExportMasterData"
                            ClientIDMode="Static"></asp:Button>
                    </CommandItemTemplate>
                    <Columns>
                        <telerik:GridBoundColumn DataField="First_Name_Sender" HeaderText="Sender First Name"
                            UniqueName="FirstNameSender" ItemStyle-Width="130px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Last_Name_Sender" SortExpression="Last_Name_Sender"
                            HeaderText="Sender Last Name" UniqueName="LastNameSender" ItemStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Email_Sender" HeaderText="Sender Email" UniqueName="EmailSender"
                            ItemStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="First_Name" HeaderText="Recipient First Name"
                            UniqueName="FirstName" ItemStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Last_Name" HeaderText="Recipient Last Name" UniqueName="LastName"
                            ItemStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn DataField="Email_Address" SortExpression="Email_Address"
                            HeaderText="Recipient Email Address" ItemStyle-Width="100px" UniqueName="EmailAddress">
                            <ItemTemplate>
                                <a onclick="viewVirtualContact(<%#Eval("contact_id")%>,<%#Eval("isvirtualcontact")%>)">
                                    <%# Eval("Email_Address") %></a>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Company" HeaderText="Company" UniqueName="Company"
                            ItemStyle-Width="100px">
                            <%--   <FilterTemplate>
                                <div class="Drop-down-child">
                                    <uc1:CompanyFilter ID="CompanyFilter1" runat="server" />
                                </div>
                            </FilterTemplate>--%>
                            <ItemTemplate>
                                <%# Eval("Company")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="Create_Date_Std" HeaderText="Send Date" UniqueName="Create_Date_Std"
                            ItemStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn DataField="Video_content_sent" SortExpression="Video_content_sent"
                            HeaderText="Content Sent" UniqueName="Videocontentsent" ItemStyle-Width="100px">
                            <ItemTemplate>
                                <%# Eval("Video_content_sent")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Content_Viewed" SortExpression="Content_Viewed"
                            HeaderText="Content Viewed" UniqueName="ContentViewed" ItemStyle-Width="100px">
                            <%--  <FilterTemplate>
                                <div class="Drop-down-child">
                                    <uc1:SessionFilter ID="SessionFilter1" runat="server" />
                                </div>
                            </FilterTemplate>--%>
                            <ItemTemplate>
                                <%# Eval("Content_Viewed")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Content_Viewed_Date" SortExpression="Content_Viewed_Date"
                            HeaderText="Viewing Date" UniqueName="ContentViewedDate" ItemStyle-Width="100px">
                            <ItemTemplate>
                                <%# Eval("Content_Viewed_Date")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Duration_Viewed" SortExpression="Duration_Viewed"
                            HeaderText="Viewing Duration" UniqueName="DurationViewed" ItemStyle-Width="100px">
                            <ItemTemplate>
                                <%# Eval("Duration_Viewed")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="iplocation" SortExpression="iplocation" HeaderText="Location"
                            UniqueName="iplocation" ItemStyle-Width="100px">
                            <ItemTemplate>
                                <%# Eval("iplocation")%>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
                <FilterMenu EnableImageSprites="False" />
            </telerik:RadGrid>

Please suggest on this.
Thanks
Bharat Bhushan

Hi.

I cant seem to figure this out:
I want to use the HTMLchare pure client-sided.

My data looks like this :
var qData = [{"QNum": 1,"Result": 2},{"QNum": 2,"Result": 2},{"QNum": 3,"Result": 3},{"QNum": 4,"Result": 3},{"QNum": 5,"Result": 4},{"QNum": 6,"Result": 1}];

My chart is configured like this :

                <telerik:RadHtmlChart ID="RadHtmlChart1" runat="server"
                    Width="800px" InvokeLoadData="FromCode">
<ChartTitle>
<Appearance Visible="False">
</Appearance>
</ChartTitle>

                    <Legend>
                        <Appearance Visible="False">
                        </Appearance>
                    </Legend>
                    <PlotArea>
<XAxis Step="1" Visible="True" DataLabelsField="QNum" >

</XAxis>

<YAxis MaxValue="4" MinValue="0" Visible="True"   >

</YAxis>
                        <Series>
                            <telerik:ColumnSeries Name="Result" DataFieldY="Result" >
                                                               <Appearance>
                                        <FillStyle BackgroundColor="#d5a2bb"></FillStyle>
                                   </Appearance>
                            </telerik:ColumnSeries>
                        </Series>
                    </PlotArea>
                    <Navigator>
                        <XAxis Visible="True">
                        </XAxis>
                    </Navigator>
        </telerik:RadHtmlChart>

And i try to bind it like this:

                    function CheckboxClicked(sender) {
                        var RadHtmlChart1 = $find('<%=RadHtmlChart1.ClientID %>');
                        RadHtmlChart1.set_dataSource(qData);

                        //Redrawing the chart
                        RadHtmlChart1.repaint();
                    }


Now, when I repaint, it does create 6 labels on the XAxis and naming them according to the QNum column in my data but the values of the columns are not populated according to the "Result" column in my data.

What am I missing?

I started using the RadStyleSheetManager and realized that it is more of a pain to use then not use since there is no proxy version. So I created a custom StyleSheetManagerProxy control that can be used in combination with the RadStyleSheetManagerProxy similar to the RadScriptManager and ScriptManagerProxy.

Imports System.ComponentModel
Imports System.Web.UI
Imports System.Web.UI.PersistenceModeAttribute

Namespace CustomControls

    <ParseChildren(True)>
    <PersistChildren(False)>
    Public Class StyleSheetManagerProxy
        Inherits Control

#Region "Events"

        Protected Overrides Sub OnLoad(ByVal e As System.EventArgs)
            Dim rssm As RadStyleSheetManager = RadStyleSheetManager.GetCurrent(Me.Page)
            If rssm IsNot Nothing Then Me.StyleSheets.ToList().ForEach(Sub(i) rssm.StyleSheets.Add(i))
            MyBase.OnLoad(e)
        End Sub

#End Region

#Region "Properties"

        Private m_StyleSheets As StyleSheetReferenceCollection

        <PersistenceMode(PersistenceMode.InnerProperty)>
        <DefaultValue(CType(Nothing, String))>
        <MergableProperty(False)>
        Public ReadOnly Property StyleSheets As StyleSheetReferenceCollection
            Get
                If m_StyleSheets Is Nothing Then m_StyleSheets = New StyleSheetReferenceCollection()
                Return m_StyleSheets
            End Get
        End Property

#End Region

    End Class

End Namespace

I want to use RadSplitter to view a PDF that is saved in server 
I used this code but it doesn't work and give me error HTTP Error 400. The request URL is invalid.

<telerik:RadSplitter ID="Radsplitter1" runat="server" Orientation="Horizontal">
                <telerik:RadPane ID="Radpane1" runat="server" Height="650" Width="600">
                </telerik:RadPane>
            </telerik:RadSplitter>

string newURL = "Documents/CV.pdf";
            Radpane1.ContentUrl = newURL; 
            //Radpane1.ContentUrl = Server.MapPath("Documents/"+ PDFname);

Thanks.

Hi,

I am using GroupColumnCount as 4 in my radorgchart and based on the nodes i am changing the columncount in the codebehind. The orgchart displays in one location when count is 4 , but shifts to left when the count is less than 4. How can i ensure no matter the column count the orgchart is displayed in the same location or center of the page.

Thank you
-Sekhar

Hi

I'm using a Splitter to show several web pages. My problem is that I have a page with a menu on top and an Iframe object to load another page on this page and when I load this in a Splitpanel, I cannot scroll the page to the bottom. I want the scrollbar in Splitter panel not in Iframe object.

I create a different page with floating panels (with DIV), where I put the RadMenu on the Left and the Iframe object on the right. With this example I know that my Iframe object will use all the page height. However, when I put this page in the Splitpanel, I have no vertical scrollbar at all.

All other regular pages work ok with Splitter.

This is the code for my page with Iframe Object

html, body, form {
              margin:0px;
              padding:0px;
              height: 100%;
              /* overflow: hidden; */
            }
            

            #wrapper {
              width:100%;
              height:auto;
              /*margin:10px auto 10px auto;*/
              padding:0px;
              text-align:left;
              /*border:solid 1px #dadada;*/
              background-color:#ffffff;
            }
            
            #sidebar {
                position: fixed;
                width: 8em;
                height: auto;
                top: 5px;
                right: auto;
                bottom: 100px;
                left: 0;
                padding: 5px 5px 5px 5px ;
              }
            #main {
                position: fixed;
                width: auto;
                height: 100%;
                top: 5px;
                right: 0;
                bottom: 100px;
                left: 8em;
                padding-left: 4px;
                background-color: #99a6b1;
              }

HTML
<div id="wrapper">
        <div id="sidebar">
            <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" >
                <CollapseAnimation Duration="200" Type="OutQuint" />
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Identifica&#231;&#227;o" Value="1">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Detalhes" Value="2">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Relat&#243;rios" Value="3">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Documentos" Value="4">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
          
           
        </div>
        <div id="main">
            <iframe id="pg" runat="server" width="100%" height="100%" frameborder="0" scrolling="no">
       
           
            </iframe>
        </div>
    </div>

Hello all,

I am trying to bind a TreeView to a folder on the server - and I've got it working. The issue is that I would like to give users the ability to create their own folders. Through a javascript prompt, I'm able to get the new folder's name, and submit it via Ajax to a web service that creates the folder on the file system.

Where I'm stuck is adding the new node (folder) to the TreeView, and having it display. I got the javascript working, but sometimes it doesn't mark the new node as a directory (with a "plus" icon) - and sometimes it does. It's inconsistent (see attached image of a newly inserted node). Now if I refresh the page, the new folder appears correctly (with the "plus" icon).

I realize I'm binding to a physical directory on the server side, and then dynamically inserting a node on the client side - so maybe this is part of the problem. I'm just looking for a way to allow the user to create a folder, then have it added to the TreeView and selected (highlighted), with the ability to continue adding subfolders.

I'm okay with a page refresh - but so far I haven't been able to find a way to select a child node on the page load (I can select a top-level "root" folder, but it doesn't expand the tree to select the child node.

You can download mt test page here:

https://dl.dropboxusercontent.com/u/2316951/Web/telerik.zip

Thanks for any assistance!


 

I've a RadGrid with two GridButtonColumn's in front of it. Those two columns give the possibility to edit or delete rows in the RadGrid (these columns have an image displayed). Only I want to set some tooltips on every image like, Edit the row or Delete this row. How can i achive this? I've searched here on the forums and google but didn't find an answer on it. This is the code what i have currently:


I've found the following topics:

http://www.telerik.com/community/forums/aspnet/grid/radgrid-button-column-tooltip.aspx
http://www.telerik.com/help/aspnet/grid/grdtooltipsforgriditems.html
http://www.telerik.com/community/forums/aspnet/grid/tooltip-for-gridbuttoncolumn-itemstyle.aspx

How can I set tooltips on an ImageButton (GridButtonColumn)?

Is there any documentation, white paper, list or something describing the various classes that make up the RadAsyncUpload control?
Some are obvious such as

.ruCancel => the cancel button (cancels while the upload is in progress)
.ruUploadSuccess => the filename after successful upload
.ruRemove => the "remove file control"

but - what's the difference between ruFakeInput and ruFileInput and ruFilePortion? And there are probably others -

I am writing a "best practice" document for my team and we often want to suppress the appearance of the sub-controls to make it look like RadUpload.

Thanks.

This demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandradasyncupload/defaultcs.aspx?product=upload 
Has the following

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" OnClientFileUploaded="OnClientFileUploaded"

                               AllowedFileExtensions="jpg,jpeg,png,gif"

                               MaxFileSize="1048576" OnValidatingFile="RadAsyncUpload1_ValidatingFile">
</telerik:RadAsyncUpload>

.... yet RadAsyncUpload does not contain an OnValidatingFile event. Theres code written to it in the code-behind as well.

This demo here:
http://www.telerik.com/help/aspnet-ajax/grid-binaryimage-radasyncupload.html 

Has the same flaw but actually writes logic tied to it ( See: IsRadAsyncValid ). Also, a CustomValidator is dynamically created during ItemCreated when the AsyncUpload itself is simply sitting in an EditItemTemplate of a TemplateColumn. The Custom Validator does not need to be dynamic.

When you guys get some time, can you unify your demo's and come up with some best practices for RadAsyncUpload when used inside of a grid?

For now, here's what I take away from it:

• Keep a Custom Validator with client side validation tied to the RadAsyncUploadControl to prevent the page from submitting until any current upload operations are finished
• If you are in an ajax grid, you may as well enable onFileUploaded to .ajaxRequest() and clear ( radAsyncUpload.deleteFileinputAt(0) ) the 'queue'.
• During Insert/Update get a reference to the async upload and check for UploadedFiles.