Questions on UI for ASP.NET AJAX Forum

110,829 questions

1 answer

124 views

I have the following column which takes the user to a new page when clicking on the Edit Text:

    
            <telerik:GridHyperLinkColumn Text="Edit" HeaderText="Edit" DataNavigateUrlFields="AccountID" 
        
              DataNavigateUrlFormatString="Account.aspx?AccountID={0}"> 
        
              <HeaderStyle HorizontalAlign="Center" /> 
        
              <ItemStyle HorizontalAlign="Center" /> 
        
            </telerik:GridHyperLinkColumn>

How can I replace the field text with the Edit Item Icon?

Grid

answered on 18 Aug 2009

3 answers

195 views

Grid and Templated Checkboxes

Here is the delema. I have 2 GridTemplateColumns. Each Conatin a Checkbox. this is also located in a DetailTable

    
             <telerik:GridTemplateColumn HeaderText="Suppress">  
        
                                        <ItemTemplate>                                 
        
                                            <asp:CheckBox ID="cbSuppress3" runat="server" /> 
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn> 
        
                                    <telerik:GridTemplateColumn HeaderText="Approve">  
        
                                        <ItemTemplate>                                 
        
                                            <asp:CheckBox ID="cbApprove3" runat="server" /> 
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn>

I when one box is checked I need to make sure the other is not, if it is I need to uncheck it . This will be true for each row. I would like to do this on the client side to prevent a trip to the server. Any Ideas?

Thanks

Grid

answered on 18 Aug 2009

2 answers

113 views

[Solved] grid for FAQ

Hi,

I'm trying to create something like what you have on http://www.telerik.com/community/forums.aspx, I believe is a radgrid. What I am looking to do is a FAQ and I want to set on master table the question and on child table I want to put the answer for the question, at this point there is no problem achieving the solution, but now I want to expand item on selection.

how can i do this.

thanks in advanced.

Grid

answered on 18 Aug 2009

4 answers

560 views

[Solved] SplitterItemsCollection must contain SplitterItem objects

Hi,

We have recently upgraded from Telerik Controls 2007Q1 (I know, quite old) to the recent Telerik AJAX controls 2009Q2 and we have been experiencing some issues with the html code due to to this upgrade.

The current issue we have not been able to resolve is the "SplitterItemsCollection must contain SplitterItem objects"

Attached below is the page with the splitter:

    
                <form id="form1" runat="server"> 
        
                    <div style="position: relative; z-index: 2; width: 100%; height: 100%; left: 0px; 
        
                        top: 0px;"> 
        
                        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                        </telerik:RadScriptManager> 
        
                        <br /> 
        
                        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackColor="#E0E0E0" 
        
                            CssClass="LoadingPanel" IsSticky="true" Transparency="30"> 
        
                            <table style="height: 50%" width="100%"> 
        
                                <tr> 
        
                                    <td align="center"> 
        
                                        <asp:Image ID="Image2" runat="server" AlternateText="Loading..." ImageAlign="Middle" 
        
                                            ImageUrl="~/Assets/Images/loading9.gif" Width="100" /> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </telerik:RadAjaxLoadingPanel> 
        
                        <div id="divHeader"> 
        
                            <table width="100%"> 
        
                                <tr> 
        
                                    <td align="left" colspan="2" valign="top"> 
        
                                        <table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> 
        
                                            <tr> 
        
                                                <td style="width: 100px; height: 48px;"> 
        
                                                    <asp:Image ID="MBLogo" runat="server" AlternateText="Macquarie Bank" ImageUrl="~/assets/images/hdollar.gif" /></td> 
        
                                                <td style="width: 500px; height: 48px;" align="left" valign="bottom"><asp:Label ID="lblEndOfMonth" runat="server" ForeColor="Red"></asp:Label> 
        
                                                </td> 
        
                                                <td style="width: 100px; height: 48px;"> 
        
                                                </td> 
        
                                                <td style="width: 100px; height: 48px;"> 
        
                                                </td> 
        
                                                <td align="right" style="width: 100px; height: 48px;" valign="top"> 
        
                                                    &nbsp;</td> 
        
                                                <td align="right" valign="top" style="height: 48px"> 
        
                                                    <asp:Image ID="Image1" runat="server" AlternateText="RACS" ImageUrl="~/assets/images/racslogo.gif" /> 
        
                                                    <br /> 
        
                                                    <asp:Label ID="lblSystemLocation" runat="server" Text="<%$ AppSettings:SystemLocation %>"></asp:Label><br /> 
        
                                                    <asp:Label ID="lblLoggedInAs" runat="server"></asp:Label></td> 
        
                                            </tr> 
        
                                        </table> 
        
                                    </td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td colspan="2"> 
        
                                        <table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> 
        
                                            <tr> 
        
                                                <td style="background-image: url(Assets/Images/bgline.gif); background-repeat: repeat-x" 
        
                                                    valign="top"> 
        
                                                    <asp:Label ID="lblMonth" runat="server" Text="No Group Selected" Visible="False"></asp:Label> 
        
                                                    <asp:Label ID="lblGroup" runat="server" Visible="False"></asp:Label> 
        
                                                    &nbsp;<asp:Label ID="lblDivision" runat="server" Visible="False"></asp:Label> 
        
                                                </td> 
        
                                                <td align="right" style="width: 400px"> 
        
                                                    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Right" AutoPostBack="True" 
        
                                                        CausesValidation="False" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick" 
        
                                                         SelectedIndex="1" > 
        
                                                        <Tabs> 
        
                                                            <telerik:RadTab ID="Tab1" runat="server" Text="Administration"> 
        
                                                            </telerik:RadTab> 
        
                                                            <telerik:RadTab ID="Tab2" runat="server" Text="Lead Schedules"> 
        
                                                            </telerik:RadTab> 
        
                                                            <telerik:RadTab ID="Tab3" runat="server" Text="Reports"> 
        
                                                            </telerik:RadTab> 
        
                                                            <telerik:RadTab ID="Tab4" runat="server" Text="Logout"> 
        
                                                            </telerik:RadTab> 
        
                                                        </Tabs> 
        
                                                    </telerik:RadTabStrip> 
        
                                                </td> 
        
                                            </tr> 
        
                                        </table> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </div> 
        
                        <div id="divMainContent" style="position: relative"> 
        
                            <table border="0" cellpadding="0" cellspacing="0" style="height: 100%" width="100%"> 
        
                                <tr style="height: 100%"> 
        
                                    <td style="height: 100%">                         
        
                                        <telerik:RadSplitter ID="MainPageSplitter" runat="server" EnableTheming="True" Height="100%" 
        
                                            Orientation="Vertical" VisibleDuringInit="False" Width="100%"> 
        
                                            <telerik:RadPane ID="GroupTreePane" runat="server"  MaxWidth="200"  
        
                                                MinWidth="22" Scrolling="None" Width="22"> 
        
                                                <telerik:RadAjaxPanel ID="pnlTreeView1" runat="server" Width="100%"> 
        
                                                    <telerik:RadSlidingZone ID="SlidingZone2" runat="server" DockedPaneId="RadSlidingPane2" 
        
                                                        Width="22"> 
        
                                                        <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" MaxWidth="200" MinWidth="200" 
        
                                                            OnClientPaneDocked="GroupTreeDocked" OnClientPaneUnDocked="GroupTreeUndocked" 
        
                                                            Scrolling="None" Title="Group Tree" Width="200px"> 
        
                                                            <uc7:GroupTreeView ID="GroupTreeView1" runat="server" /> 
        
                                                        </telerik:RadSlidingPane> 
        
                                                    </telerik:RadSlidingZone> 
        
                                                </telerik:RadAjaxPanel> 
        
                                            </telerik:RadPane> 
        
                                            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" /> 
        
                                            <telerik:RadPane ID="ContentPane" runat="server" CssClass="ApplyPosition" Height="100%" 
        
                                                Scrolling="Both"> 
        
                                                <telerik:RadAjaxPanel ID="contentView1" runat="server"> 
        
                                                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" OnLoad="RadMultiPage1_Load1" 
        
                                                    RenderSelectedPageOnly="True" SelectedIndex="1" Width="100%"> 
        
                                                    <telerik:RadPageView ID="PageViewAdmin" runat="server" Width="100%"> 
        
                                                        <uc1:RACSAdmin ID="RACSAdmin1" runat="server" /> 
        
                                                    </telerik:RadPageView> 
        
                                                    <telerik:RadPageView ID="PageViewLS" runat="server" Width="100%"> 
        
                                                        <uc2:LeadScheduleView ID="LeadScheduleView1" runat="server" /> 
        
                                                    </telerik:RadPageView> 
        
                                                    <telerik:RadPageView ID="PageViewReports" runat="server" Width="100%"> 
        
                                                        <uc3:RACSReports ID="RACSReports1" runat="server" /> 
        
                                                    </telerik:RadPageView> 
        
                                                    <telerik:RadPageView ID="PageView1" runat="server" Width="100%"> 
        
                                                        <asp:Panel ID="Panel1" runat="server" Height="50px" Width="100%"> 
        
                                                        </asp:Panel> 
        
                                                    </telerik:RadPageView> 
        
                                                </telerik:RadMultiPage> 
        
                                                </telerik:RadAjaxPanel> 
        
                                            </telerik:RadPane> 
        
                                        </telerik:RadSplitter>                             
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </div> 
        
                        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="mngRequestStarted" 
        
                        ClientEvents-OnResponseEnd="mngResponseEnd" 
        
                            DefaultLoadingPanelID="RadAjaxLoadingPanel2" OnAjaxRequest="RadAjaxManager1_AjaxRequest"> 
        
                            <ClientEvents OnRequestStart="mngRequestStarted" OnResponseEnd="mngResponseEnd" /> 
        
                            <AjaxSettings> 
        
                                <telerik:AjaxSetting AjaxControlID="RadTabStrip1"> 
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting> 
        
                                <telerik:AjaxSetting AjaxControlID="pnlTreeView1"> 
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="pnlTreeView1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadSplitbar1" /> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
        
                                        <telerik:AjaxUpdatedControl ControlID="contentView1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting> 
        
                                <telerik:AjaxSetting AjaxControlID="RadMultiPage1"> 
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting>                     
        
                                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> 
        
                                </telerik:AjaxSetting> 
        
                            </AjaxSettings> 
        
                        </telerik:RadAjaxManager> 
        
                        <br /> 
        
                    </div> 
        
                    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Modal="True"> 
        
                        <Windows> 
        
                            <telerik:RadWindow ID="GenericWindow" runat="server" Behavior="Default" DestroyOnClose="true" 
        
                                EnableTheming="True" InitialBehavior="None" Left="100px" Modal="True" NavigateUrl="" 
        
                                ShowContentDuringLoad="false" Title="RACS" 
        
                                Top="20px" /> 
        
                        </Windows> 
        
                    </telerik:RadWindowManager> 
        
                    &nbsp; 
        
                    <br /> 
        
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="6px" IsSticky="True" 
        
                        MinDisplayTime="300" Width="75px"> 
        
                    </telerik:RadAjaxLoadingPanel> 
        
                    &nbsp;

I have attempted to insert the splitter and other controls into asp panels, ajaxpanels but this does not see to resolve the issue.
Could you please provide some ideas on how to resolve this?

Kind regards,
Leo

Splitter

answered on 17 Aug 2009

3 answers

106 views

Using radtimepicker in a radgrid control

I have 2 radtimepicker "start Time" and "End Time" in a radgrid. the rad gris is loaded in edit mode. when user change start time or end time I need first to validate if the end time is after the start time and then i can do my update.
here is my column in the rad grid

</ExpandCollapseColumn>

<telerik:GridBoundColumn DataField="ScheduleId" DataType="System.String"

EmptyDataText="&nbsp;" HeaderText="ScheduleId" ReadOnly="True"

SortExpression="ScheduleId" UniqueName="ScheduleId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ListDate" DataType="System.DateTime"

EmptyDataText="&nbsp;" HeaderText="Date" ReadOnly="True"

SortExpression="ListDate" UniqueName="ListDate" >

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="StartDateTime" HeaderText="Start Time" >

<telerik:RadTimePicker ID="radStartTime" Interval="0:30" dbSelectedDate='<%# DataBinder.Eval( Container, "DataItem.StartDateTime")%>'

runat="server" Skin="Vista">

</telerik:RadTimePicker>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="EndDateTime" HeaderText="End Time" >

<telerik:RadTimePicker ID="radEndTime" dbSelectedDate='<%# DataBinder.Eval( Container, "DataItem.EndDateTime")%>'

runat="server" Skin="Vista">

</telerik:RadTimePicker>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

how can i validate these 2 time control

Thanks
tony

Grid

answered on 17 Aug 2009

1 answer

52 views

How to retain Edit Form information on Error

Anyone know how to retain the information entered on a Edit Form when an error is captured on the ItemUpdated event?

I am trying to keep the information the user entered prior to submitting the update, NOT rebind the data from the datasource.

Protected Sub RadGrid1_ItemUpdated(ByVal source As Object, ByVal e As Telerik.Web.UI.GridUpdatedEventArgs) Handles RadGrid1.ItemUpdated

If Not e.Exception Is Nothing Then

e.KeepInEditMode =

True

e.ExceptionHandled =

True

End If

End Sub

Grid

answered on 17 Aug 2009

1 answer

56 views

How can bind more fields in DayView <AppointmentTemplate >

Scheduler

answered on 17 Aug 2009

4 answers

295 views

RadWindow Dialog Return stops postback of server button?

I'm trying a variation of the RadWindow DialogReturnValue sample:

I have a form with a server-side button called Button1. Button1 is set as the OpenerElementID for the RadWindow control. Just like the DialogReturnValue sample, I return some text from a textbox to the calling page.

I can successfully use the ClientCallbackFunction to return this value client-side. However, I want to take this a step further. I need to have the Button1 complete its server click event and use that value returned from the RadWindow for some server-side processing. Button1 never posts back and I'm not sure how to reference the return value of the dialog in the server code. Why is that and how do I make this work? Thanks!

Window

answered on 17 Aug 2009

3 answers

85 views

[Solved] Does the editor work in IE8

We posted a question about this issue last week, and never received a response (thrilled at how actively telerik seems to patrol their forums - maybe they just don't like RedSox fans :)).

We have a radEditor, works absolutely fine in FF, doesn't work at ALL in IE. Any ideas?

I can provide a test URL if absolutely necessary, and code as well. I was just trying to determine if this is a known issue, or if we're doing something silly that's screwing our editor up.

TIA.

Editor

answered on 17 Aug 2009

7 answers

196 views

[Solved] Itemindex in a Collapse/Expand Grid

Dear Comunity,

I have the following problem.

I have a grid with 10 Items grouped in 2 a 5 items for example.

If all groups are expand I can access all items with the index of itself. If I collaps one group and try to access a item with its index I get a error because the grid has only 5 items, but the index of the item to access has the index 8. I think this isn't a problem but how can get the correct index for each item in grid if a group is expand/collaps.

To get the index of the item to edit I'm using the RowDblClick event of teh grid and get the eventArgs.get_itemIndexHierarchical();

Is there a better solution to get it and solve my problem.
Thanks in advace.

Christian

Grid

answered on 17 Aug 2009

Top users last month