Questions on UI for ASP.NET AJAX Forum

6 answers

348 views

Export to PDF not displaying unless ignore paging=true

Hi all,

I am using the latest build and service pack of RC for ajax, and using a grid. I am using custom export buttons to export to pdf, excel and word. Excel and Word work, no problem. The pdf does not work unless i set the ignore paging=true, otherwise I receive a blank page.

I am using advancing sorting/paging with the needdatasource event. The grid functions perfectly in all respects except for the export to pdf.

Any help is much appreciated.

P.S. - as a side note, the grid is ajaxified, although the export buttons are not, although I do not think that has anything to do with it considering it works for Word and Excel in all cases.

Grid

answered on 13 Jan 2010

1 answer

142 views

[Solved] UpdatePanelRenderMode overwritten by parent setting

I have a RadAjaxManager on my master page with the setting UpdatePanelRenderMode="Inline". On my pages I add the RadAjaxManagerProxy control and set the AjaxUpdatedControl's setting UpdatePanelRenderMode="Block". So it looks something like this:

Master:

                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline"         
                    DefaultLoadingPanelID="LoadingPanel1">         
                    <ClientEvents OnRequestStart="DisableControls" OnResponseEnd="EnableControls" />         
                </telerik:RadAjaxManager>         

Page:

                    <telerik:RadAjaxManagerProxy ID="ajProxyManager" runat="server">         
                    <AjaxSettings>         
                        <telerik:AjaxSetting AjaxControlID="ddlListing">         
                            <UpdatedControls>         
                                <telerik:AjaxUpdatedControl ControlID="divBedroomSuite" UpdatePanelRenderMode="Block" />         
                            </UpdatedControls>         
                        </telerik:AjaxSetting>         
                    </AjaxSettings>         
                </telerik:RadAjaxManagerProxy>         

So the issue I'm having here is that the UpdatePanelRenderMode setting of my updated control is not taking precedence over the RadAjaxManager's global setting. It keeps rendering the control as inline instead of as a block.

Is this some sort of bug with the control or is it something I just can't do with the control?

Thanks.

Ajax

answered on 13 Jan 2010

1 answer

109 views

Multi-header

Hi,
I would like to create a grid with multi-level header. I saw many posts on this with suggested approach shown below.
http://www.telerik.com/help/aspnet-ajax/grdcustomizewithgridtemplatecolumn.html
Is this still the approach Telerik recommends? Using <TR>s and <TD>s to make the table, looks slightly cumbersome - especially when we have to build this grid on the fly - adding various header level features - sorting for instance.

Thanks for your reply in advance.

RN

Grid

answered on 13 Jan 2010

3 answers

137 views

Tree View and Ajax Controls

Hello,

I am trying to get clicks on tree view to load WebSuerControls to display new information, rather than loading the whiole page. I managed to do this without treeview using simple buttons, but cannot get it to work in treeview.

The code is as follows:

                    <div class="column first" id="">         
                            <telerik:RadTreeView ID="RadTreeView1" Runat="server">         
                                <Nodes>         
                                    <telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">         
                                        <Nodes>         
                                            <telerik:RadTreeNode runat="server" Text="Load WebUserControl1.ascx" OnClick="Button1_Click" ID="Button1" >         
                                            </telerik:RadTreeNode>         
                                        </Nodes>         
                                    </telerik:RadTreeNode>         
                                    <telerik:RadTreeNode runat="server" Text="Load WebUserControl2.ascx" OnClick="Button2_Click" ID="Button2">         
                                        <Nodes>         
                                            <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">         
                                            </telerik:RadTreeNode>         
                                        </Nodes>         
                                    </telerik:RadTreeNode>         
                                    <telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">         
                                        <Nodes>         
                                            <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">         
                                            </telerik:RadTreeNode>         
                                            <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">         
                                            </telerik:RadTreeNode>         
                                            <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">         
                                            </telerik:RadTreeNode>         
                                        </Nodes>         
                                    </telerik:RadTreeNode>         
                                    <telerik:RadTreeNode runat="server" Text="Root RadTreeNode4">         
                                        <Nodes>         
                                            <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">         
                                            </telerik:RadTreeNode>         
                                        </Nodes>         
                                    </telerik:RadTreeNode>         
                                </Nodes>         
                            </telerik:RadTreeView>         
                            <br />         
                                     
                            <asp:Button ID="Button3" runat="server" Text="Load WebUserControl1.ascx" OnClick="Button1_Click" />         
            <asp:Button ID="Button4" runat="server" Text="Load WebUserControl2.ascx" OnClick="Button2_Click" />         
                     
                     
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">         
               <AjaxSettings>         
                   <telerik:AjaxSetting AjaxControlID="Button1">         
                       <UpdatedControls>         
                           <telerik:AjaxUpdatedControl ControlID="Panel1" />         
                       </UpdatedControls>         
                   </telerik:AjaxSetting>         
                   <telerik:AjaxSetting AjaxControlID="Button2">         
                       <UpdatedControls>         
                           <telerik:AjaxUpdatedControl ControlID="Panel1" />         
                       </UpdatedControls>         
                   </telerik:AjaxSetting>         
               </AjaxSettings>         
            </telerik:RadAjaxManager>         
                                    
                                     
                    </div>         
                    <div class="column last">         
                            <h3>Multivariate Data Analysis</h3>         
                            <asp:Panel ID="Panel1" runat="server">         
            </asp:Panel>         
                        </div>         

And code behind:

                             
            Partial Class InSite_test_Default         
                Inherits System.Web.UI.Page         
                     
                     
                     
                Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Me.Load         
                    If (Not Me.CurrentControl Is String.Empty) Then         
                        Me.LoadMyUserControl(Me.CurrentControl, Panel1)         
                    End If         
                End Sub         
                     
                Protected Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)         
                    Me.LoadMyUserControl("WebUserControl1.ascx", Panel1)         
                End Sub         
                     
                Protected Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)         
                    Me.LoadMyUserControl("WebUserControl2.ascx", Panel1)         
                End Sub         
                     
                Private Property CurrentControl() As String         
                    Get         
                        Return IIf(Me.ViewState("CurrentControl") Is Nothing, String.Empty, Me.ViewState("CurrentControl"))         
                    End Get         
                    Set(ByVal Value As String)         
                        Me.ViewState("CurrentControl") = Value         
                    End Set         
                End Property         
                     
                Private Sub LoadMyUserControl(ByVal controlName As String, ByVal parent As Control)         
                    parent.Controls.Clear()         
                    Dim MyControl As UserControl = Me.LoadControl(controlName)         
                    Dim userControlID As String = controlName.Split(".")(0)         
                    MyControl.ID = userControlID.Replace("/", "").Replace("~", "")         
                    parent.Controls.Add(MyControl)         
                    Me.CurrentControl = controlName         
                End Sub         
                         
            End Class         
                     

Please help?

Tris.

TreeView

answered on 13 Jan 2010

2 answers

108 views

Client-Side Syntax Question

When the selected index changes on my RadComboBox, I need to populate various RadTextBoxes with data from the database. I have a blank VB aspx page with code-behind waiting for a request object parameter containing the primary key in the page_load method, but it never arrives from my Javascript function:

    
            function indexChanged(sender, args) {  
        
                var id = sender.get_text().trim();  
        
                $.get( 'User.aspx', { userid:id }, function(data) {  
        
                    alert(data);  
        
                });  
        
            }

What am I doing wrong here? What is the correct syntax to send a parameter from the client and receive data back in an asynchronous way? This seems to be a very basic function, and yet I can find no help in the documentation.

Thanks,
Mark

ComboBox

answered on 13 Jan 2010

17 answers

233 views

TitlebarTemplate : Why the result is different in Firefox / IE?

Hi,

I was able to implement a custom TitlebarTemplate in my RadDock, but the problem is that I don't have the correct result when the page is loaded inside Internet Explorer, but it is correct in Firefox. I have attached the results from each browser.

What should I do so that Internet Explorer display it correctly? (I am using Internet Explorer 7)

Edit: With styling changes, I was able to display it correctly in Internet Explorer, but I have another problem. It displays my radio button, but I can't click or select them. I can only move the RadDock and the mouse cursor is a crossed arrows.

Thanks,
Paul

Dock

answered on 13 Jan 2010

1 answer

120 views

[Solved] RadMenu & RadComboBox

I have a Radcombobox with lots of items and if you open the items, they will hide behind the Radmenu on top of the page.
How can I fox this?

ComboBox

answered on 13 Jan 2010

6 answers

154 views

[Solved] DataListView Item Selection

Hi;

I set a Grid using DataListView section where I found Telerik Demos Page. In this section I must handle items, (can be catch item ID like this client side). How can I do this ? I added markup code below.

MarkUp Code :

    
                                 <telerik:RadGrid ID="rgLessonContent" runat="server" 
        
                                        GridLines="None" AllowPaging="true" OnPreRender="rgLessonContent_PreRender" 
        
                                        PageSize="9" OnNeedDataSource="rgLessonContent_NeedDataSource"  
        
                                        ShowHeader="False"> 
        
                                        <ClientSettings> 
        
                                            <Selecting AllowRowSelect="True" /> 
        
                                            <ClientEvents OnRowSelected="RowSelected" /> 
        
                                        </ClientSettings> 
        
                                        <PagerStyle Mode="NextPrevAndNumeric" /> 
        
                                        <MasterTableView TableLayout="Fixed" > 
        
                                            <ItemTemplate> 
        
                                                <%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %> 
        
                                                <asp:Panel ID="ItemContainer" CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>' 
        
                                                    runat="server" Width="400px" Height="150px"> 
        
                                                    <table width="100%" style="border-style:none"> 
        
                                                        <tr> 
        
                                                            <td style="width: 100px"> 
        
                                                                <asp:Image runat="server" ID="imgSlide" Width="100px" Height="100px" ImageUrl='<%# Eval("LessonContentSlideImage")%>' /> 
        
                                                            </td> 
        
                                                            <td> 
        
                                                                <table width="100%" style="border-style:none"> 
        
                                                                    <tr> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label2" runat="server" Text="Lesson Name : " CssClass="itemBlueBoldLabel" /> 
        
                                                                        </td> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label3" runat="server" Text='<%# Eval("LessonName")%>' CssClass="itemBlackLabel" /> 
        
                                                                        </td> 
        
                                                                    </tr> 
        
                                                                    <tr> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label4" runat="server" Text="Content Name : " CssClass="itemBlueBoldLabel" /> 
        
                                                                        </td> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label5" runat="server" Text='<%# Eval("Name")%>' CssClass="itemBlackLabel" /> 
        
                                                                        </td> 
        
                                                                    </tr> 
        
                                                                    <tr> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label6" runat="server" Text="Passing Score : " CssClass="itemBlueBoldLabel" /> 
        
                                                                        </td> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label7" runat="server" Text='<%# Eval("PassingScore")%>' CssClass="itemBlackLabel" /> 
        
                                                                        </td> 
        
                                                                    </tr> 
        
                                                                    <tr> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label8" runat="server" Text="Maximum Score : " CssClass="itemBlueBoldLabel" /> 
        
                                                                        </td> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label9" runat="server" Text='<%# Eval("MaxScore")%>' CssClass="itemBlackLabel" /> 
        
                                                                        </td> 
        
                                                                    </tr> 
        
                                                                    <tr> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label10" runat="server" Text="Published : " CssClass="itemBlueBoldLabel" /> 
        
                                                                        </td> 
        
                                                                        <td> 
        
                                                                            <asp:Label ID="Label11" runat="server" Text='<%# Eval("IsPublished")%>' CssClass="itemBlackLabel" /> 
        
                                                                        </td> 
        
                                                                    </tr> 
        
                                                                </table> 
        
                                                            </td> 
        
                                                        </tr> 
        
                                                    </table> 
        
                                                </asp:Panel> 
        
                                            </ItemTemplate> 
        
                                        </MasterTableView> 
        
                                        <GroupingSettings CaseSensitive="false" /> 
        
                                    </telerik:RadGrid>

Grid

answered on 13 Jan 2010

6 answers

218 views

Drag Drop Listbox to Treeview

Is there a way to drag drop from a Listbox to a Treeview or vis versa? If so, do you guys have an example? Thanks in advance.

TreeView

answered on 13 Jan 2010

1 answer

95 views

[Solved] RadAjaxManager & Multiple TextBox Updates in a Table Cell

Wierdness!
I have 1 RadComboBox in an HTML table cell, and 3 RadTextBoxes in an HTML table cell. The combobox will (I hope) populate the 3 textboxes with areacode + prefix + number based on the selected index in the combobox. There is more than enough horizontal real estate for these controls to exist inline in the 2 table cells. But...when I add this:

    
            <AjaxSettings> 
        
                <telerik:AjaxSetting AjaxControlID="radComboBoxID">  
        
                    <UpdatedControls> 
        
                        <telerik:AjaxUpdatedControl ControlID="radTextBoxHomeAC" LoadingPanelID="RadLoadingPanel1"/>  
        
                        <telerik:AjaxUpdatedControl ControlID="radTextBoxHomePrefix" LoadingPanelID="RadLoadingPanel1"/>  
        
                        <telerik:AjaxUpdatedControl ControlID="radTextBoxHomeNum" LoadingPanelID="RadLoadingPanel1"/>  
        
                    </UpdatedControls> 
        
                </telerik:AjaxSetting> 
        
            </AjaxSettings>

The 3 texboxes are stacked vertically on top of one another. I remove the AjaxSettings, and they go horizontal again.

What's up with this?

Cheers!
Mark

Ajax

answered on 13 Jan 2010