Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
185 views
Hi telerik team,

I have got an issue when I am using RadDock. 
The code was copy from the other thread in this forum.
I would like to fill the dock with a Div 100% height and width.

Radtreeview with no docking:


Radtreeview with docking:



before 


after collapse

Expands



Edgar
Top achievements
Rank 1
 answered on 04 Feb 2014
1 answer
143 views
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




Viktor Tachev
Telerik team
 answered on 04 Feb 2014
1 answer
105 views
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?
Danail Vasilev
Telerik team
 answered on 04 Feb 2014
3 answers
145 views
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
Shark75
Top achievements
Rank 2
 answered on 04 Feb 2014
4 answers
104 views
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.
heba
Top achievements
Rank 1
 answered on 04 Feb 2014
1 answer
95 views
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
Boyan Dimitrov
Telerik team
 answered on 04 Feb 2014
3 answers
383 views

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>
Magdalena
Telerik team
 answered on 04 Feb 2014
1 answer
199 views
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!


 
Hristo Valyavicharski
Telerik team
 answered on 04 Feb 2014
15 answers
404 views
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:

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs)
    If e.Item.GetType() Is GetType(GridDataItem) Then
        Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)
        Dim btn As ImageButton
 
        If item("Delete").Controls(0) IsNot Nothing Then
            btn = DirectCast(item("Delete").Controls(0), ImageButton)
            btn.ToolTip = "Delete this item"
            btn.AlternateText = "Delete this item"
        ElseIf item("Edit").Controls(0) IsNot Nothing Then
            btn = DirectCast(item("Edit").Controls(0), ImageButton)
            btn.ToolTip = "Edit this item"
            btn.AlternateText = "Delete this item"
        End If
    End If
End Sub

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)?

Marin
Telerik team
 answered on 04 Feb 2014
2 answers
71 views
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.
David
Top achievements
Rank 1
 answered on 04 Feb 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?