Questions on UI for ASP.NET AJAX Forum

11 answers

662 views

Telerik FormView?

Is there an equivalent asp:FormView control in the Telerik tool box?
I need a FormView type control to show detail data but also want to carry across the same skin as the rest of the Telerik controls.

Thanks
Andrew

General Discussions

answered on 21 Aug 2012

1 answer

45 views

View State Error In Grids Having Column style as Drop Down

We are facing problem of View state error in the grid with dropdown column type (Please refer the attached image).
Strangely this is happening only to those grids have dropdown columns other this is working perfectly alright.

Actions permitted in our grid:-
1. It is mutli row edit grid.
2. First colum is an check box type(Which indicates that the row in edit mode or not) and some of the other columns are combo box
3. While checking the check box the row should go to editable mode
4. While unchecking check box the row status should change to non edit mode
5. While Unchecking the check box in last editable row,Row should not change the status in to a nondeitable mode

While performing the 5th action we are face ViewState error.

Looking forwarded to solution for the this.

Grid

answered on 21 Aug 2012

2 answers

82 views

modify radScheduler appointment's layout appearance

Requirements
RadControls version 2012 q2
.NET version 4
Visual Studio version 2010
programming language c#
browsers	supported by RadControls

PROJECT DESCRIPTION
How would you change the first code of the example (http://demos.telerik.com/aspnet-ajax/scheduler/examples/outlook2007/defaultcs.aspx) to behave in such a way that when appointments have same time they are stacked and somewhat hidden behind each other instead of beside each other, with a small portion of the other same time appointments on the same block showing an edge to indicate there are multiple appointments on the same block and you could click the appointment to rotate to view the next hidden one? So they would appear stacked in some way and only one would be fully visible at a time, yet you could do a single click to move that one to the back and rotate the visible one to the back and bring another forward?

Scheduler

answered on 21 Aug 2012

1 answer

97 views

Problem loading the Hierarchical Grid

Hi,

We are using the hierarchical functionality of the Telerik grid and we have hierarchy upto four level and the total records for all this levels comes upto around 1300 records and we are not applying any paging and when we try to run the page, it takes around 55 seconds to load the page and the html page size comes to around 4.5 MB.

we applied the compression technique as well but still the page was taking around 45 seconds to load with the viewstate which is required for the Hierarchical grid and also the loading time of the page is unacceptable to the Client.

We are attaching the source code. Please look into it and let us know if there is any optimization possible to speed up the execution time of the page.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RelationGrid.aspx.cs" Inherits="RelationGrid"

Debug="true" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<div>

<% Response.Write(DateTime.Now.ToString()); %>

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" runat="server" ShowStatusBar="true"

DataSourceID="SqlDataSource1" AutoGenerateColumns="False" AllowSorting="True"

AllowMultiRowSelection="False" GridLines="None" EnableViewState="true" >

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="nGroupID" AllowMultiColumnSorting="True"

HierarchyDefaultExpanded="true" >

<DetailTables>

<telerik:GridTableView DataKeyNames="nSubGroupID" DataSourceID="SqlDataSource2" Width="100%"

runat="server" HierarchyDefaultExpanded="true" EnableViewState="true" >

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="nGroupID" MasterKeyField="nGroupID" />

</ParentTableRelation>

<DetailTables>

<telerik:GridTableView DataKeyNames="QuoteSubID" DataSourceID="SqlDataSource3"

Width="100%"

runat="server" HierarchyDefaultExpanded="true" EnableViewState="true">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="nSubGroupID"

MasterKeyField="nSubGroupID" />

</ParentTableRelation>

<DetailTables>

<telerik:GridTableView DataKeyNames="CatId" DataSourceID="SqlDataSource4"

Width="100%"

runat="server" HierarchyDefaultExpanded="true" EnableViewState="true" >

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="QuoteSubID"

MasterKeyField="QuoteSubID" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn HeaderText="KIT ITEM" DataField="CDescription"

UniqueName="CDescription">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Quantity" DataField="quotekitqty"

UniqueName="quotekitqty">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Type" DataField="cattype"

UniqueName="cattype">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn HeaderText="QuoteSubID" DataField="QuoteSubID"

UniqueName="QuoteSubID">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn HeaderText="K" DataField="CatPrint"

UniqueName="CatPrint">

<HeaderStyle Font-Bold="true" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn HeaderText="B" DataField="QuoteHeading"

UniqueName="QuoteHeading">

<HeaderStyle Font-Bold="true" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn HeaderText="I" DataField="nItalic"

UniqueName="nItalic">

<HeaderStyle Font-Bold="true" Font-Italic="true" />

</telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn HeaderText="Use Quantity" DataField="Quantity"

UniqueName="Quantity">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Bill Quantity" DataField="BillQuantity"

UniqueName="Quantity">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Period" DataField="Period"

UniqueName="Period">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="CDescription" DataField="CDescription"

UniqueName="CDescription">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Note" DataField="QuoteDescription"

UniqueName="QuoteDescription">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Reg Rate" DataField="SuggestedRate"

UniqueName="SuggestedRate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Disc%" DataField="DiscountPercent"

UniqueName="DiscountPercent">

<HeaderStyle ForeColor="AliceBlue" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Disc Rate" DataField="DiscountRate"

UniqueName="DiscountRate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Line Total" DataField="Sum"

UniqueName="Sum">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<%--<telerik:GridBoundColumn HeaderText="SubGroupID" DataField="nSubGroupID"

UniqueName="nSubGroupID">

<HeaderStyle BackColor="Gray" ForeColor="Red" />

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn HeaderText="SubGroup Name" DataField="tSubGroupName"

UniqueName="tSubGroupName">

<ItemStyle BackColor="Gray" ForeColor="Red" />

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<%--<telerik:GridBoundColumn HeaderText="GroupID" DataField="nGroupID" UniqueName="nGroupID">

<HeaderStyle BackColor="Gray" ForeColor="Red" />

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn HeaderText="GroupName" DataField="tGroupName" UniqueName="tGroupName">

<ItemStyle BackColor="Gray" ForeColor="Red" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" SelectCommand="select * from GroupMaster with(noLock)

where tQuoteID =43617 ORDER BY (CASE WHEN tgroupname = '[EXTRAS]' THEN 99991 ELSE (case when

tgroupname='[ADJUSTMENTS]' then 99992 ELSE (case WHEN tgroupname='[INTERNAL USE ONLY]' THEN 99993 ELSE

tGroupLineNumber END) END) END ) "

ConnectionString="<%$ ConnectionStrings:DatasetConnString %>"></asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" ConnectionString="<%$ ConnectionStrings:DatasetConnString %>"

ProviderName="System.Data.SqlClient" SelectCommand="select * from subgroupmaster with(noLock) where

ngroupid=@nGroupID order by tsubgrouplinenumber"

runat="server">

<SelectParameters>

<asp:SessionParameter Name="nGroupID" SessionField="nGroupID" Type="string" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource3" ConnectionString="<%$ ConnectionStrings:DatasetConnString %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT

dbo.tblQuoteSub.QuoteSubSync,

dbo.tblQuoteSub.QuoteSubID,

dbo.tblQuoteSub.QuoteId,

dbo.tblQuoteSub.nSubGroupID,

dbo.tblQuoteSub.nGroupID,

dbo.tblQuoteSub.CatPrint,

dbo.tblCat.CatType,

dbo.tblQuoteSub.LineNumber,

dbo.tblQuoteSub.QuoteHeading,

dbo.tblQuoteSub.nItalic,

dbo.tblQuoteSub.Quantity,

dbo.tblQuoteSub.BillQuantity,

dbo.tblQuoteSub.Period,

dbo.tblQuoteSub.CategoryID,

dbo.tblCat.CDescription,

dbo.tblQuoteSub.QuoteDescription,

dbo.tblQuoteSub.SuggestedRate,

dbo.tblQuoteSub.DiscountPercent,

dbo.tblQuoteSub.DiscountRate,

(dbo.tblQuoteSub.SuggestedRate * dbo.tblQuoteSub.Period * dbo.tblQuoteSub.BillQuantity)

* (1 - CAST(dbo.tblQuoteSub.DiscountPercent AS float) / 100) AS [Sum],

dbo.tblQuoteSub.QuoteKitParentId,

dbo.tblQuoteSub.EquipTotal,

dbo.tblQuoteSub.EquipAvailable,

dbo.tblQuoteSub.Equip_NonConfirmed,

dbo.tblQuoteSub.CompanyWideEquipAvailable,

dbo.tblQuoteSub.QuoteSubParentId,

dbo.tblQuoteSub.QuoteCancelParentId,

dbo.tblQuoteSub.QuoteCancelChildId,

dbo.tblQuoteSub.QuoteSubstituteParentId,

dbo.tblQuoteSub.QuoteFloatParentId,

dbo.tblQuoteSub.QuoteSFRParentId,

dbo.tblQuoteSub.QuoteSFRChildId, dbo.tblQuoteSub.QuoteSubEnteredBy, dbo.tblQuoteSub.QuoteSubEnteredDate,

dbo.tblQuoteSub.QuoteSubLastModifiedBy, dbo.tblQuoteSub.QuoteSubLastModifiedDate,

dbo.tblQuoteSub.QuoteHeaderFooterId

FROM

dbo.tblQuoteSub with(noLock) INNER JOIN

dbo.tblCat with(noLock) ON dbo.tblQuoteSub.CategoryID = dbo.tblCat.CatId INNER JOIN

dbo.SubGroupMaster with(noLock) ON dbo.tblQuoteSub.nSubGroupID =

dbo.SubGroupMaster.nSubGroupID INNER JOIN

dbo.GroupMaster with(noLock) ON dbo.SubGroupMaster.nGroupID = dbo.GroupMaster.nGroupID

where tblquotesub.quoteid=43617 and tblquotesub.nsubgroupid=@nSubGroupID and (quotekitparentid = 0 OR

QuoteKitParentID IS NULL)

ORDER BY dbo.tblQuoteSub.LineNumber" runat="server">

<SelectParameters>

<asp:SessionParameter Name="nSubGroupID" SessionField="nSubGroupID" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource4" ConnectionString="<%$ ConnectionStrings:DatasetConnString %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT tblcat.cattype,tblCat.CDescription,

tblCat.CatId, quotekitqty, tblquotesub.quotecatkitautoid, QuoteSubID,Quantity,BillQuantity ,

QuoteKitQty,QuoteKitParentId FROM tblQuoteSub with(noLock) INNER JOIN tblCat with(noLock) ON

tblQuoteSub.CategoryID = tblCat.CatId where QuoteKitParentId=@QuoteSubID ORDER BY linenumber" runat="server">

<SelectParameters>

<asp:SessionParameter Name="QuoteSubID" SessionField="QuoteSubID" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

<% Response.Write(DateTime.Now.ToString()); %>

</div>

</form>

</body>

</html>

Regards,
Hitesh

Grid

answered on 21 Aug 2012

3 answers

163 views

Two combo boxes and SelectedIndexChanged

Hello,
How to implement two combo boxes one with Customer ID and second with Visible Customer name (as value as well ID) with following functionality:

1. If one is chosen information about customer are displayed
2. If after choosing one someone clicked second one, first one should return do starting state (nothing chosen) and customer should be displayed based on clicked combo box etc.

ComboBox

answered on 21 Aug 2012

1 answer

151 views

Captcha Image Fails to Render on a load balanced

Hi,

I read that in a load balancing network, the session needs to be out of process
http://www.telerik.com/help/aspnet-ajax/captcha-webfarm-and-webgarden.html

I have a project converting objects to serialize will be a big job.

Is there any other alternative to make this work.
I mean any solution that uses "Inproc" session to work with load balancing

regards
Aslam

Captcha

answered on 21 Aug 2012

2 answers

91 views

Disabled multi-line RadTextBox problem

Hi,

I'm using a multi-line disabled RadTextBox and I've found out that when you click on it, it fires the client-event "OnValueChanged".
It happens only with that scenario:

txtBox.TextMode = TextBoxMode.MultiLine

txtBox.Enabled = False

Is that a known issue? If yes, is there any workaround available?

Christian.

Input

answered on 21 Aug 2012

1 answer

257 views

Master-Detail with RadGrid and DetailsView using EntityDataSource

Is there a sample of master-detail with RadGrid and DetailsView using EntityDataSource? I need to implement the functionality similar to THIS example. I'm using RadToolBar as CommandItem, but I want to be able to View/Edit/Insert new records through DetailsView, not as a RadGrid inline elements. When I client select a row and then click "Edit" button on a toolbar, I need to display a new WebPage or even better modal RadWindow with a DetailsView. Any sample code, please?

Grid

answered on 21 Aug 2012

3 answers

199 views

Unknown server tag 'scheduler.AdvancedForm'

Every time I changed the Radscheduler, I reveive error on the aspx page "Unknown server tag 'scheduler.AdvancedForm'".
Is there someting to do with the AdvancedEditTemplate? Please refer to the screen print.
Here is my ASPX:

<%@ Page Title="My Availability" Language="vb" AutoEventWireup="false" MasterPageFile="~/AvailabilityLinksSubMaster.master" CodeBehind="MyAvailability.aspx.vb" Inherits="MSP.MyAvailability" %>
<%@ MasterType virtualpath="~/AvailabilityLinksSubMaster.master" %>
<%@ Register assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="scheduler" TagName="AdvancedForm" Src="AdvancedFormVB.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        div.RadScheduler .rcOtherMonth
        {


        }
        div.RadScheduler .rsAllDayHeader,
        div.RadScheduler .rsVerticalHeaderTable div
        {
        font-weight: bold;
        text-align: right;
        }

        .rsApt
        {
        width: 45%!important;

        }
        .rsAllDayRow .rsWrap
        {
         display:none !important;
        }
        div.RadToolTip table.rtWrapper td.rtWrapperContent
        {
            background-color:none !important;
            background-image: url("../Images/Menu_Bkgrd_Normal2.png") !important;
        }

.ScreenOnly {display : none;}
        .style1
        {
            width: 388px;
        }
        .style2
        {
            width: 216px;
        }
        .style3
        {
            width: 197px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TabContent" runat="server">

    <asp:UpdatePanel ID="upMyMessages" runat="server" UpdateMode="Always" >
        <ContentTemplate>
          <asp:Panel ID="pnlMyMsgs" runat="server" CssClass="mymsgs" ScrollBars="Auto">
                <asp:Label ID="lblMessage" runat="server" Text="MESSAGES: " Font-Bold="true"></asp:Label>
                <asp:Table ID="tblMyMsgs" runat="server" Width="98%" Font-Size="Small" CellPadding="0" CellSpacing="0">
                </asp:Table>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
  <script type="text/javascript">
            function TimeRangeOnclick() {

     var scheduler = $find('<%=RadScheduler1.ClientID %>');


    var appointment = scheduler.get_appointments().findByID(59);
    scheduler.editAppointmentWithConfirmation(appointment);
};
      function hideActiveToolTip()
            {
          var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
          if (tooltip)
                {
              tooltip.hide();
          }
      }

      Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);
      function beginRequestHandler(sender, args)
            {
          var prm = Sys.WebForms.PageRequestManager.getInstance();
          if (args.get_postBackElement().id.indexOf('RadScheduler1') != -1)
                {
              hideActiveToolTip();
          }
      }

      function OnClientRequestStart(sender, args)
            {
          args.set_cancel(true);
          var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
          if (tooltip)
                {
              var element = tooltip.get_targetControl();
              var apt = $find("<%=RadScheduler1.ClientID %>").getAppointmentFromDomElement(element);
                    <%--
              $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm");
              $get("endTime").innerHTML = apt.get_end().format("MM/dd/yyyy HH:mm");
                    --%>
              $get("descriptionDiv").innerHTML = "double click to edit your preference";
              tooltip.set_text($get("contentContainer").innerHTML);
          }
      }

            function RadAlertCallBackFunction(){
                //this function handles the event when user clicks on the alert OK button
                //presently nothing is implemented
            }

</script>
</telerik:RadCodeBlock>


    


                    <table cellpadding="0" cellspacing="0" class="style5" cols="1" width="100%">
                        <tr>
                            <td valign="top">
  

  
  
                          <div id="Workspace" align="left" class="style6">
                                    <div id="PrintViewHeader" style="display: none;">
                                        <table border="0" cellpadding="1" cellspacing="1" cols="2" width="98%">
                                            <tbody class="SiteTextSmall">
                                                <tr>
                                                    <td align="center" class="PageHeading">
                                                        Availability</td>
                                                </tr>
                                                <tr class="ScreenOnly">
                                                    <td align="left">
                                                        <span class="SiteTextboldRed">For best results, change your printer setting to
                                                        landscape. </span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

<table border="0" cellpadding="1" cellspacing="1" cols="1" width="98%">
                                        <tbody class="SiteTextSmall">
                                            <tr>

                                                <td colspan="1" rowspan="1">
                                                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%">
                                                        <table id="tblAdvancedSearch">
                                                            <tr>
                                                                <td class="style2">
                                                                    <p align="center" dir="rtl" style="font-weight: bold">Schedule Option<br />
                                                                    <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
                                                                            Font-Bold="True" Font-Size="Smaller" Enabled="False">
                                                                            <asp:ListItem>Part-Time 12 to 20 Assigned Hours</asp:ListItem>
                                                                        </asp:DropDownList>
                                                                    </p>

                                                                    <p align="center"> Select a Schedule Option for assigned hours<br />(balance of
                                                                        weekly hours self selected):</p>
                                                                    <br /><br />
                                                                </td>

                                                                <td class="style1">



                                                            <span style="font-size: x-small; font-weight: bold;">Your availability selections will need to conform to the following work rules:</span>
                                                            <br />
                                                            <telerik:RadTextBox ID="RadTextBoxScheduleOptionsDescription" runat="server"
                                                                        ReadOnly="True" Rows="5" TextMode="MultiLine" Width="500px" Wrap="False"
                                                                        DisabledStyle-BorderStyle="None" EnabledStyle-BorderStyle="Solid"
                                                                        Font-Size="X-Small" DisabledStyle-HorizontalAlign="NotSet"
                                                                        EnabledStyle-HorizontalAlign="Left" Columns="35" BorderStyle="None">
                                                                        <DisabledStyle BorderStyle="None" />
                                                                        <EnabledStyle HorizontalAlign="Left" />
                                                                    </telerik:RadTextBox>



                                                                </td>
                                                                <td class="style3">
                                                                    <asp:Button ID="ButtonSaveTop" runat="server" Text="Submit" ForeColor="White" BackColor="#CC0000" BorderStyle="Outset" Font-Bold="True" /> &nbsp
                                                                    <asp:Button ID="ButtonCancelTop" runat="server" Text="Reset" />
                                                                </td>
                                                                <td class="style3">
                                                                    <span>Links to documents:</span>
                                                            <ul>
                                                            <li>
                                                                <asp:LinkButton ID="LinkButton1" runat="server">Link To Document 1</asp:LinkButton>
                                                            </li>
                                                            <li>
                                                                <asp:LinkButton ID="LinkButton2" runat="server">Link To Document 2</asp:LinkButton>
                                                            </li>
                                                            <li>
                                                                <asp:LinkButton ID="LinkButton3" runat="server">Link To Document 3</asp:LinkButton>
                                                            </li>
                                                            </ul>
                                                                </td>
                                                            </tr>
                                                        </table>

                                                    <span style="font-weight: bold; font-size: medium; color: #666666; background-color: #FFFFFF;">   Avaialbility and Preferences</span>
                                                    <span>       (To Edit, double click on an Avaialbility Time Segment. To Add a New Time Segment, double click anywhere outside. To Delete, click once and click the red X.)</span>
                                                        <div>
                                                        <telerik:RadScheduler ID="RadScheduler1" runat="server" DayEndTime="23:59:59"
                                                        RowHeight="16px" SelectedView="WeekView"
                                                        WorkDayEndTime="8.00:00:00" WorkDayStartTime="00:00:00"
                                                        AllowDelete="False"
                                                        NumberOfHoveredRows="1" SelectedDate="2012-04-16"
                                                        EnableExactTimeRendering="True" Height="460px" Skin="Office2010Black"
                                                        onclientappointmentcontextmenu="hideActiveToolTip"
                                                        onclientappointmentdoubleclick="hideActiveToolTip"
                                                        onclientrecurrenceactiondialogshowing="hideActiveToolTip"
                                                            OverflowBehavior="Expand">
                                                        <AdvancedEditTemplate>
                                                             <scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit"
                                                                 Subject='<%# Bind("Subject") %>'
                                                                 Description='<%# Bind("Description") %>'
                                                                 Start='<%# Bind("Start") %>'
                                                                 End='<%# Bind("End") %>'
                                                                 RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'
                                                                    Reminder='<%# Bind("Reminder") %>'
                                                                 UserID='<%# Bind("User") %>'
                                                                 RoomID='<%# Bind("Room") %>'
                                                                    TimeZoneID='<%# Bind("TimeZoneID") %>' />
                                                                 <%--AppointmentColor='<%# Bind("AppointmentColor") %>' --%>
                                                         </AdvancedEditTemplate>
                                                         <AdvancedInsertTemplate>
                                                             <scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert"
                                                                 Subject='<%# Bind("Subject") %>'
                                                                 Start='<%# Bind("Start") %>'
                                                                 End='<%# Bind("End") %>'
                                                                 Description='<%# Bind("Description") %>'
                                                                 RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'
                                                                    Reminder='<%# Bind("Reminder") %>'
                                                                 UserID='<%# Bind("User") %>'
                                                                 RoomID='<%# Bind("Room") %>'
                                                                    TimeZoneID='<%# Bind("TimeZoneID") %>' />
                                                                 <%--AppointmentColor='<%# Bind("AppointmentColor") %>' --%>
                                                         </AdvancedInsertTemplate>

<ResourceTypes>
                                                        <telerik:ResourceType DataSourceID="SqlDataSource2" ForeignKeyField="USERID"
                                                        KeyField="ID" Name="Users" TextField="USERNAME" />
                                                        </ResourceTypes>
                                                        <TimelineView UserSelectable="False" />
                                                        <WeekView DayEndTime="23:59:59" ColumnHeaderDateFormat="dddd"
                                                            GroupingDirection="Vertical" />
                                                        <Localization AdvancedEditAppointment="Edit" AdvancedNewAppointment="New"
                                                            AllDay="Range" />
                                                        <MonthView FirstDayHeaderDateFormat="MMMM dd" ColumnHeaderDateFormat="MMMM dddd"
                                                            HeaderDateFormat="MMMM, yyyy" />
                                                    </telerik:RadScheduler>
                                                    </div>
                                                    <div align="center">
                                                                  
                                                        </div>

<%--                                                         <asp:SqlDataSource

                                                        ID="SqlDataSource1" runat="server"
                                                        ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                                                        DeleteCommand="DELETE FROM "AVAILABILITY_TEST" WHERE "ID" = :ID"
                                                        InsertCommand="INSERT INTO "AVAILABILITY_TEST" ("ID", "SUBJECT", "START_TIME", "END_TIME", "USERID", "RECURRENCERULE", "RECURRENCEPARENTID") VALUES (:ID, :SUBJECT, :START_TIME, :END_TIME, :USERID, :RECURRENCERULE, :RECURRENCEPARENTID)"
                                                        ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>"
                                                        SelectCommand="SELECT * FROM "AVAILABILITY_TEST""
                                                        UpdateCommand="UPDATE "AVAILABILITY_TEST" SET "SUBJECT" = :SUBJECT, "START_TIME" = :START_TIME, "END_TIME" = :END_TIME, "USERID" = :USERID, "RECURRENCERULE" = :RECURRENCERULE, "RECURRENCEPARENTID" = :RECURRENCEPARENTID WHERE "ID" = :ID">
                                                        <DeleteParameters>
                                                            <asp:Parameter Name="ID" Type="Decimal" />
                                                        </DeleteParameters>
                                                        <InsertParameters>
                                                            <asp:Parameter Name="ID" Type="Decimal" />
                                                            <asp:Parameter Name="SUBJECT" Type="String" />
                                                            <asp:Parameter Name="START_TIME" Type="DateTime" />
                                                            <asp:Parameter Name="END_TIME" Type="DateTime" />
                                                            <asp:Parameter Name="USERID" Type="Decimal" />
                                                            <asp:Parameter Name="RECURRENCERULE" Type="String" />
                                                            <asp:Parameter Name="RECURRENCEPARENTID" Type="Decimal" />
                                                        </InsertParameters>
                                                        <UpdateParameters>
                                                            <asp:Parameter Name="SUBJECT" Type="String" />
                                                            <asp:Parameter Name="START_TIME" Type="DateTime" />
                                                            <asp:Parameter Name="END_TIME" Type="DateTime" />
                                                            <asp:Parameter Name="USERID" Type="Decimal" />
                                                            <asp:Parameter Name="RECURRENCERULE" Type="String" />
                                                            <asp:Parameter Name="RECURRENCEPARENTID" Type="Decimal" />
                                                            <asp:Parameter Name="ID" Type="Decimal" />
                                                        </UpdateParameters>
                                                    </asp:SqlDataSource><asp:SqlDataSource
                                                        ID="SqlDataSource2" runat="server"
                                                        ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                                                        ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>"
                                                        SelectCommand="SELECT "ID", "USERNAME" FROM "AVAILABILITY_TEST_USERS"">
                                                    </asp:SqlDataSource>--%>


                                                    <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="130"
                                                            Height="40" Skin = ""
                                                            OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" />
                                                    <div style="display: none;">
                                                        <div id="contentContainer">
                                                        <%--
                                                            Starts on: <span id="startTime"></span>
                                                            <br />
                                                            Ends on: <span id="endTime"></span>
                                                            <hr />

                                                            Description:
                                                        --%>
                                                            <div id="descriptionDiv">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </telerik:RadAjaxPanel>
                                                  </td>
                                            </tr>

                                        </tbody>
                                    </table>

    

                                </div>
                            </td>
                        </tr>
                    </table>
  

</asp:Content>

Scheduler

answered on 21 Aug 2012

3 answers

297 views

[Solved] RadButton will not Open RadWindow

I’m not sure if I should be posting this issue on the Button forum or the Window forum. So if I need to post this issue somewhere else, please let me know. The following is my issue.

I have Main.aspx that has the following RadWindowManager configuration:

<telerik:RadWindowManager ID="radWinMgr" runat="server" AutoSize="true" Behaviors="Move" BorderStyle="Solid" EnableEmbeddedBaseStylesheet="false" Modal="true" ReloadOnShow="true" ShowContentDuringLoad="false" VisibleStatusbar="false" VisibleTitlebar="true" OnClientClose="fncClientClose">
    <Windows>
       <telerik:RadWindow ID="Parent1Win" runat="server" NavigateUrl="Page1.aspx"></telerik:RadWindow>
     <telerik:RadWindow ID="Parent2Win" runat="server" NavigateUrl="Page2.aspx"></telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

Main.aspx also has 2 standard ASP buttons that will open either RadWindow defined above just fine with no problems at all. Here is one of my ASP buttons:

<asp:Button ID="Button1" runat="server" Text="Page 1" OnClientClick="fncOpenPopup('Page1.aspx', 'Parent1Win'); return false;" />

The JavaScript function that is being called by the ASP button is as follows (notice that the function below references the RadWindowManager above):

function fncOpenPopup(oPage, oParent) {
    alert("Click OK to open the popup window.")
    var winNew = $find("<%=radWinMgr.ClientID%>").open(oPage, oParent);
}

When the ASP button is clicked, it successfully opens the Page1 RadWindow with no problems at all.

But now I want to change the 2 standard ASP buttons and replace each of them with a RadButton. Here is what I have so far:

<telerik:RadButton ID="NewButton1" runat="server" Text="Page 1" OnClientClicked="onClientClicked"></telerik:RadButton>

The function that this RadButton calls is as follows (notice that it simply, in turn, calls the JavaScript function defined above):

function onClientClicked(sender, eventArgs) {
    fncOpenPopup('Page1.aspx', 'Parent1Win');
    return false;
}

When the RadButton is clicked, the alert box within fncOpenPopup() appears, and when you click OK on the alert, Main.aspx flickers once or twice, like it is trying to open the Page1 RadWindow, but then nothing happens; you are just left sitting there staring at Main.aspx.

What do I need to change to get the RadButton to successfully open the RadWindow?

Thank you,
Steven

Window

answered on 21 Aug 2012