Questions on UI for ASP.NET AJAX Forum

1 answer

178 views

RadTreeview in RadComboBox - display selected node in combo after postback

Hi,

I'm trying to use a RadTreeview in a RadComboBox, all is good except I want to see the text of my selected node after a postback in the combo. For example in the travelisimo example, if you want to have the name of the selected country in the dropdown after clicking on submit, how would you do (actually after submit I've "choose a destination") ?

Thanks

TreeView

answered on 09 Apr 2010

1 answer

157 views

Ajax with Nested panels

Hi,
Can someone please help me to set up Ajax setting for the following scenario.
1) There is a RadAjax Manager in Master Page.
2) In Content page, I have the following Control structure.

    
            <asp:Content ID="topPaneContent" ContentPlaceHolderID="Right_Content" runat="server">     
        
             <telerik:RadAjaxPanel ID="IDRLoadingPanel" runat="server" EnableAJAX="false"> 
        
              <telerik:RadSplitter ID="IDRSplitter" runat="server" Orientation="Horizontal" Width="100%"> 
        
                   <telerik:RadPane ID="IDRMainPane" runat="server"> 
        
                        <asp:Button ID="UpdateBtn" runat="server" Text="Update" OnClick="UpdateBtn_OnClick"/> 
        
                        <asp:Button ID="AddBtn" runat="server" Text="Add" OnClick="AddBtn_OnClick"/> 
        
                        <asp:Button ID="DeleteBtn" runat="server" Text="Delete" OnClick="DeleteBtn_OnClick"/> 
        
                        <asp:Button ID="RefreshBtn" runat="server" Text="Refresh" OnClick="RefreshBtn_OnClick"/> 
        
                        <asp:SqlDataSource ID="dataSourceIDRs" runat="server" ConnectionString="<%$ ConnectionStrings:SQL_AppConString %>" 
        
                        SelectCommand="IDR_GET_IDR_LIST" SelectCommandType="StoredProcedure"> 
        
                            <SelectParameters> 
        
                                <asp:Parameter Name="IDRType" DefaultValue="~" /> 
        
                            </SelectParameters> 
        
                        </asp:SqlDataSource> 
        
                        <telerik:RadGrid ID="grdIDR" runat="server" DataSourceID="dataSourceIDRs"  
        
                        AllowFilteringByColumn="True" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True"  
        
                        GridLines="None" Width="100%" OnSelectedIndexChanged="grdIDR_SelectedIndexChanged"  
        
                        ClientSettings-Selecting-AllowRowSelect="true" ClientSettings-EnablePostBackOnRowClick="true" > 
        
                            <PagerStyle HorizontalAlign="Left" Mode="NextPrev" Position="Top"  
        
                                VerticalAlign="Top" Wrap="True" AlwaysVisible="True" BorderStyle="None" /> 
        
                            <MasterTableView> 
        
                                <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                                </ExpandCollapseColumn> 
        
                                <Columns>   
        
                                       <telerik:GridBoundColumn DataField="IDR_ID" HeaderText="IDRID" UniqueName="IDR_ID" ReadOnly="True">    
        
                                       </telerik:GridBoundColumn> 
        
                                       <telerik:GridBoundColumn DataField="IDR_TYPE" HeaderText="IDR Type" UniqueName="IDR_TYPE" ReadOnly="True">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_CERT_REG_NUMBER" HeaderText="Certfication/Registration No" UniqueName="REQUESTOR_CERT_REG_NUMBER">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_FIRST_NAME" HeaderText="First Name" UniqueName="REQUESTOR_FIRST_NAME">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_LAST_NAME" HeaderText="Last Name" UniqueName="REQUESTOR_LAST_NAME">    
        
                                       </telerik:GridBoundColumn>   
        
                                </Columns>   
        
                            </MasterTableView> 
        
                            <ClientSettings EnablePostBackOnRowClick="True"> 
        
                                <Selecting AllowRowSelect="True" /> 
        
                                <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                            </ClientSettings> 
        
                        </telerik:RadGrid> 
        
                   </telerik:RadPane> 
        
                   <telerik:RadSplitBar ID="IDRSplitBar" runat="server" CollapseMode="Both" /> 
        
                   <telerik:RadPane ID="IDRDetailPane" runat="server"> 
        
                        <telerik:RadTextBox ID="IdrIdTB" runat="server" Text="" BorderWidth="0" ReadOnly="true" ReadOnlyStyle-BackColor="LightGray"></telerik:RadTextBox>  
        
                        <telerik:RadSplitter ID="IDRBottomPaneSplitter" runat="server" Orientation="Horizontal" Width="100%"> 
        
                                 <telerik:RadPane ID="IDRDetailToppane" runat="server"> 
        
                                     <telerik:RadAjaxPanel ID="IDRDetailRAP" runat="server" /> 
        
                                 </telerik:RadPane> 
        
                                 <telerik:RadSplitBar ID="IDRDetailSplitBar" runat="server" CollapseMode="Both" /> 
        
                                 <telerik:RadPane ID="IDRDetailBottomPane" runat="server"> 
        
                                    <telerik:RadAjaxPanel ID="SaveMenuPanel" runat="server">    
        
                                        <telerik:RadMenu ID="IDRSaveMenu" runat="server" Width="100%" OnItemClick="IDRSaveMenu_ItemClick"> 
        
                                             <DefaultGroupSettings ExpandDirection="Auto" Flow="Horizontal" /> 
        
                                             <Items> 
        
                                                <telerik:RadMenuItem runat="server" Text="Save" Value="Save"/> 
        
                                                <telerik:RadMenuItem runat="server" Text="Cancel" Value="Cancel"/> 
        
                                                <telerik:RadMenuItem runat="server" Text="Add" Value="Add"/> 
        
                                             </Items> 
        
                                        </telerik:RadMenu> 
        
                                   </telerik:RadAjaxPanel>    
        
                                 </telerik:RadPane> 
        
                             </telerik:RadSplitter> 
        
                  </telerik:RadPane>    
        
              </telerik:RadSplitter> 
        
             </telerik:RadAjaxPanel> 
        
            </asp:Content>

Objective:
IDRDetailRAP dynamiccally loads a form as user control. my objective is when the Update button is clicked , all the controls should get refreshed without flickering.

I tried to put all the control inside a RadajaxPanel, but it did not work.

Please help me.

Thanks!

Ajax

answered on 09 Apr 2010

2 answers

189 views

Can't maintain link:visited color in RadGrid ButtonColumn

Hello,

I am trying to change the color of a visited link (which is a GridButtonColumn) in a RadGrid, AND then maintain that color if the user hits the back button.

Here's my problem. When the user clicks the link (GridButtonColumn), the link changes to my specified color via my CSS and then the link takes the user to a new page. However, if the user hits the back button on the web browser, the visited link in the RadGrid resorts back to it's original color and not the visited link color. How can I maintain the visited link color when the user pages back?

My CSS:

.RadGrid

a:visited {color:Orange !important;}

My RadGrid Code:

    
            <telerik:RadGrid ID="radgrdAssignment" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="True" ShowStatusBar="False" PageSize="25" GridLines="None" HorizontalAlign="NotSet" runat="server">  
        
                <MasterTableView DataKeyNames="AssignmentID" ShowHeadersWhenNoRecords="True">  
        
                <Columns> 
        
                    <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">  
        
                    <HeaderStyle Width="30px" HorizontalAlign="Center" /> 
        
                    <ItemStyle Width="30px" HorizontalAlign="Center" /> 
        
                    </telerik:GridClientSelectColumn> 
        
                    <telerik:GridButtonColumn ButtonType="LinkButton" DataTextField="AssignmentID" SortExpression="AssignmentID" HeaderText="EvalID" UniqueName="AssignmentIDButton" CommandName="Select">  
        
                    <ItemStyle CssClass="RadGrid" /> 
        
                    </telerik:GridButtonColumn> 
        
                    <telerik:GridBoundColumn DataField="AssignmentID" HeaderText="AssignmentID" UniqueName="AssignmentIDData" Display="False"></telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="ProjectName" HeaderText="Project"></telerik:GridBoundColumn> 
        
                </Columns> 
        
                </MasterTableView> 
        
                <ClientSettings EnableRowHoverStyle="True">  
        
                <Selecting AllowRowSelect="True" /> 
        
                </ClientSettings> 
        
                <pagerstyle mode="NextPrevAndNumeric" AlwaysVisible="True" Position="Top" /> 
        
            </telerik:RadGrid>

Thanks you,
Jason

Grid

answered on 09 Apr 2010

3 answers

90 views

radcalendat shows a date on entering 12000

Hi,

I have a radcalendar, which is user typeable.

Upon typing a number like 120000 it takes the date as 12-Dec-1998.

When i type just 12 , it takes the date as 12 + current Month + current Year

When i type the 1200 it does not change anything

What is reason that it takes this date. How can I stop the auto intelligence of the calendar control.

Sample rad calendar decalration used :

<

radCln:RadDatePicker ID="rdTransactionStartDate" runat="server">

</DateInput>

<Calendar Skin="Office2007" ShowOtherMonthsDays="False" FastNavigationPrevToolTip="Previous Year"

FastNavigationNextToolTip="Next Year" NavigationNextToolTip="Next Month" NavigationPrevToolTip="Previous Month"

FastNavigationStep="12" ShowRowHeaders="false">

</Calendar>

</radCln:RadDatePicker>

Calendar

answered on 09 Apr 2010

3 answers

194 views

[Solved] Find treeview inside panelbar itemtemplate

I want to find the tree view so I bind the data, how can I find the RadTreeView1 inside the Rad-PanelBar

here is my code if anyone know please give me the code.

                     <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Forest">         
                    <Items>         
                        <telerik:RadPanelItem Text="Panel1">         
                            <Items>         
                                <telerik:RadPanelItem Text="ProfileTree">         
                                    <Items>         
                                        <telerik:RadPanelItem Text="">         
                                            <ItemTemplate>         
                                                <telerik:RadTreeView runat="server" ID="RadTreeView1">         
                                                          
                                                </telerik:RadTreeView>         
                                            </ItemTemplate>         
                                        </telerik:RadPanelItem>         
                                    </Items>         
                                </telerik:RadPanelItem>         
                                <telerik:RadPanelItem Text="Demo">         
                                </telerik:RadPanelItem>         
                                <telerik:RadPanelItem Text="Demo1">         
                                </telerik:RadPanelItem>         
                                <telerik:RadPanelItem Text="Demo2">         
                                </telerik:RadPanelItem>         
                            </Items>         
                        </telerik:RadPanelItem>         
                        <telerik:RadPanelItem Text="Services">         
                            <Items>         
                                <telerik:RadPanelItem Text="Demo">         
                                </telerik:RadPanelItem>         
                            </Items>         
                        </telerik:RadPanelItem>         
                    </Items>         
                </telerik:RadPanelBar>         

PanelBar

answered on 09 Apr 2010

1 answer

123 views

Rad Window size is not getting fixed in Mozill and IE

Hi,

I have a rad window manager and rad window in a page. and i open the rad window at client side. i set the size even then i am not able to open the window with the size fixed.

    /// <summary>
    /// This method helps in opening the window for the popup messages
    /// </summary>
    public void OpenWindow(Telerik.Web.UI.RadWindowManager rwmdialogue)
    {
        rwmdialogue.Windows.Clear();

        Telerik.Web.UI.RadWindow newwin = new Telerik.Web.UI.RadWindow();
        newwin.ID = "rddialog";
        newwin.NavigateUrl = "popupmessages.aspx";
        newwin.VisibleOnPageLoad = true;
        newwin.Width = 600;
        newwin.Height = 30;
        newwin.Modal = true;
        newwin.VisibleStatusbar = false;
        newwin.VisibleTitlebar = false;
        newwin.DestroyOnClose = true;
        rwmdialogue.Windows.Add(newwin);
    }

i have convered this to pixel / unit nothing works out

Please need help to open the rad window in the specified size.

Window

answered on 09 Apr 2010

1 answer

134 views

Advanced Insert Form and ajax

I have a RadScheduler and defined like the code below. My question is:

If i already had a ajax manager in the aspx page.
1. How can i setup the ajax settings for two RadCombox: RadComboBoxAppointmentReason and RadComboBoxAppointmentLength

2. How can i write the SelectedIndexChange function for ComboBox RadComboBoxAppointmentReason at server side to update the selected index of RadComboBoxAppointmentLength

thanks

    
               <telerik:RadScheduler  
        
                                    runat="server" ID="RadSchedulerCalendar" 
        
                                    Width="800px" OverflowBehavior="Expand" 
        
                                    EnableEmbeddedSkins="True" DayStartTime="09:00:00" DayEndTime="17:45:00" AllowInsert="true"   
        
                                    style="float:left"   
        
                                    TimeZoneOffset="00:00:00" ShowAllDayRow="false" SelectedView="WeekView" 
        
                                    FirstDayOfWeek="Monday" 
        
                                    MinutesPerRow="15" TimeLabelRowSpan="4" WorkDayEndTime="17:45:00"   
        
                                    WorkDayStartTime="09:00:00" ShowFooter="False"   
        
                                    StartInsertingInAdvancedForm="True" Height="1200px" LastDayOfWeek="Sunday"   
        
                                    NumberOfHoveredRows="1" RowHeight="20px" SelectedDate=""   
        
                                    Culture="English (Australia)"   
        
                                    ShowNavigationPane="False" EnableDescriptionField="true"   
        
                                    ontimeslotcreated="RadSchedulerCalendar_TimeSlotCreated"   
        
                                    onappointmentdatabound="RadSchedulerCalendar_AppointmentDataBound"   
        
                                    onappointmentcommand="RadSchedulerCalendar_AppointmentCommand"   
        
                                    onformcreated="RadSchedulerCalendar_FormCreated">  
        
                                    <WeekView  
        
                                        HeaderDateFormat="MMMM dd" 
        
                                        ColumnHeaderDateFormat="ddd, dd" DayEndTime="17:45:00"   
        
                                        DayStartTime="09:00:00" WorkDayEndTime="17:45:00" WorkDayStartTime="09:00:00" /> 
        
                                    <AppointmentTemplate> 
        
                                        <div> 
        
                                            <%# Eval("Subject") %> 
        
                                        </div> 
        
                                    </AppointmentTemplate>     
        
                                    <AdvancedInsertTemplate> 
        
                                    <div class="appointmentEditForm">  
        
                                            <div class="appointmentHeader">  
        
                                                <div> 
        
                                                    Schedule:  
        
                                                    <asp:Label ID="lblScheduleTop" runat="server" 
        
                                                        Width="300px">  
        
                                                    </asp:Label> 
        
                                                </div> 
        
                                                <br /> 
        
                                                <div> 
        
                                                    Appointment Date/Time:  
        
                                                    <asp:Label ID="lblAppointmentStartTop" runat="server"    
        
                                                        Width="300px">  
        
                                                    </asp:Label> 
        
                                                </div> 
        
                                            </div> 
        
                                            <div class="appointmentContent">  
        
                                                Note:<br /> 
        
                                                <telerik:RadTextBox ID="RadTextBoxNote" Runat="server" MaxLength="80" Rows="5"   
        
                                                    TextMode="MultiLine" Width="600px">  
        
                                                </telerik:RadTextBox> 
        
                                                <br /> 
        
                                                <br />        
        
                                                    Appointment Reason *:<br /> 
        
                                                <telerik:RadComboBox ID="RadComboBoxAppointmentReason" runat="server" AutoPostBack="true" 
        
                                                    DropDownWidth="600px" Width="250px" HighlightTemplatedItems="True">  
        
                                                    <HeaderTemplate> 
        
                                                        <table style="width: 550px" cellspacing="0" cellpadding="0">  
        
                                                            <tr> 
        
                                                                <td style="width: 350px;">  
        
                                                                    Reason</td> 
        
                                                                <td style="width: 200px;">  
        
                                                                    Color</td>   
        
                                                            </tr> 
        
                                                        </table> 
        
                                                    </HeaderTemplate> 
        
                                                    <ItemTemplate> 
        
                                                        <table style="width: 550px;" cellspacing="0" cellpadding="0">  
        
                                                            <tr> 
        
                                                                <td style="width: 350px;">  
        
                                                                    <%# DataBinder.Eval(Container, "Text")%> 
        
                                                                </td> 
        
                                                                <td style="width: 200px;">  
        
                                                                    <div style="background-color: <%# DataBinder.Eval(Container, "Attributes['color']") %>; width:150px; height:20px;"> 
        
                                                                    </div> 
        
                                                                </td> 
        
                                                            </tr> 
        
                                                        </table> 
        
                                                    </ItemTemplate> 
        
                                                </telerik:RadComboBox>                                    
        
                                                <br /> 
        
                                                <br /> 
        
                                                    Appointment Length (min):<br /> 
        
                                                <telerik:RadComboBox ID="RadComboBoxAppointmentLength" runat="server"   
        
                                                    DropDownWidth="200px" Width="150px" HighlightTemplatedItems="true">                                         
        
                                                    <Items> 
        
                                                        <telerik:RadComboBoxItem Value="15" Text="15 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="30" Text="30 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="45" Text="45 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="60" Text="60 min" /> 
        
                                                    </Items> 
        
                                                </telerik:RadComboBox>                                     
        
                                            </div> 
        
                                            <br /> 
        
                                            <div class="appointmentFooter">  
        
                                                <asp:Button runat="server" ID="SubmitButton" Text="Create" CommandName="Insert"/>  
        
                                                <asp:Button runat="server" ID="CancelButton" Text="Cancel" CommandName="Cancel" />        
        
                                            </div> 
        
                                    </div> 
        
                                    </AdvancedInsertTemplate>                
        
                                </telerik:RadScheduler>

Scheduler

answered on 09 Apr 2010

1 answer

77 views

Export in another page

Hello all,

I would like to transfer the ability to export a grid from one page to another (maybe a pop up or otherwise). This way, upon exporting, (either with a link or command button) this page can handle the exporting functionality. The user can still use the rest of the site without waiting for the exporting process to complete. I ask this because our databinding method calls a web service that can have quite a big result set. And from our development, we've noticed that response time when performing an export is quite high. The tables might have detail tables, which does not help with speed. So is this possible? Is the grid serializable (to be used in session)?

Grid

answered on 09 Apr 2010

4 answers

169 views

[Solved] How to hide self-referencing detailtable when it is empty

Hello,

In this screenshot you can see that I have a self-referencing grid. Most of the rows however, have empty detailtables. Is there a way to hide the empty tables and the collapse/expand icon in front of rows with empty detail tables?

Kind regards,
Kristof

Grid

answered on 09 Apr 2010

1 answer

79 views

ImageMap and Tooltip Example Issue, authentication?

Hello, please see the following link, it is my source code:
http://www.fronseetechnology.com/ShortSalesWeb/Default.aspx

You will notice the US map, try hovering over some states, I know it does the issue for sure on CA. You will notice all of the pop-ups I am getting and it is just not working. I used the sample application here:
http://www.telerik.com/community/forums/aspnet-ajax/tooltip/imagemap-with-tooltip-and-database-data.aspx

and here: http://demos.telerik.com/aspnet-ajax/tooltip/examples/imagemaptooltipmanager/defaultcs.aspx

- Im not sure what I have wrong, it looks like it is trying to work, but there are authentication issues (i imagine with the web service?). Does anyone have any suggestions? OH, a big thing I was thinking about, instead of using a web service (.asmx), cant I just call a [webmethod] directly in the code behind? I have tried this with other code, but not this ImageMap and tooltipmanager. I gave Everyone permission to the directory on the server, and still these issues. Someone please help!!! Thank you

Joe

ToolTip

answered on 09 Apr 2010