Questions on UI for ASP.NET AJAX Forum

1 answer

126 views

why my menu dropdown hides behind the header of the scheduler

Please refer to the attached file.
My submaster page:

<%@ Master Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false" CodeBehind="AvailabilityLinksSubMaster.master.vb" Inherits="MSP.AvailabilityLinksSubMaster" %>
<%@ MasterType virtualpath="~/Site.master" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
    .Visible
    {
        visibility: visible
    }
    .Invisible
    {
        visibility: hidden
    }
</style>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    </asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="TabContent" runat="server">

    <table style="height: 100%; width: 100%; min-height: 420px; margin-top: 0px;">
        <tr>
            <td>
    <div style="position: relative">
<ul id="nav">
<li class="top"><a href="MyAvailability.aspx" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" id="Availability_Selections" class="top_link"><span class="down">Availability Selections</span></a>
  <ul class="sub">
   <li><a href="MyAvailability.aspx">Availability</a></li>
   <li><a href="Sched_AssocSS_Availability_edit.aspx"> -Edit</a></li>
   <li><a href="Sched_AssocSS_Availability_Extend.aspx">Open Availability</a></li>
            <li><a href="Sched_AssocSS_Availability_Extend_edit.aspx"> -Edit</a></li>
            <li><a href="#nogo33" class="fly">Management</a>
      <ul>
       <li><a href="Availability_Manager_Reset.aspx">Reset</a></li>
       <li><a href="Sched_AssocSS_Availability_Impersonation.aspx">Impersonation</a></li>
      </ul>
     </li>
  </ul>
</li>
<li class="top"><a href="#nogo22" id="Documentation" class="top_link"><span class="down">Documentation</span></a>
  <ul class="sub">
   <li><a href="#nogo23">User Guide</a></li>
   <li><a href="#nogo24">Tips</a></li>
  </ul>
</li>

    </ul>

</div>

        </td>
        </tr>
        <tr>
            <td style=" height: 100%; vertical-align: top;" rowspan="0">
                <asp:ContentPlaceHolder ID="TabContent" runat="server">
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                        <Scripts>
                            <%--Needed for JavaScript IntelliSense in VS2010--%>
                            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                            <asp:ScriptReference Assembly="Telerik.Web.UI"
                                Name="Telerik.Web.UI.Common.Core.js" />
                            <asp:ScriptReference Assembly="Telerik.Web.UI"
                                Name="Telerik.Web.UI.Common.jQuery.js" />
                            <asp:ScriptReference Assembly="Telerik.Web.UI"
                                Name="Telerik.Web.UI.Common.jQueryInclude.js" />
                        </Scripts>
                    </telerik:RadScriptManager>

                </asp:ContentPlaceHolder>
            </td>
        </tr>
    </table>

</asp:Content>
________________________________________________

My Page:

<%@ Page Title="" 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 namespace="Telerik.Web.UI" tagprefix="UI" %>
<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;}
    </style>

    <link href="App_Themes/Default/Scheduler.Macys.css" rel="stylesheet"
        type="text/css" />
    <link href="App_Themes/Default/Calendar.Macys.css" rel="stylesheet"
        type="text/css" />

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TabContent" runat="server">
    <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);
          }
      }

</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%">
                                                    <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-06-10"
                                                        EnableExactTimeRendering="True" Height="460px"
                                                        EnableEmbeddedSkins="False" Skin="Macys"
                                                        onclientappointmentcontextmenu="hideActiveToolTip"
                                                        onclientappointmentdoubleclick="hideActiveToolTip"
                                                        onclientrecurrenceactiondialogshowing="hideActiveToolTip"
                                                            OverflowBehavior="Expand">
                                                        <AdvancedForm Width="60%" Modal="True" />
                                                        <ResourceTypes>
                                                        <telerik:ResourceType DataSourceID="SqlDataSource2" ForeignKeyField="USERID"
                                                        KeyField="ID" Name="Users" TextField="USERNAME" />
                                                        </ResourceTypes>
                                                        <TimelineView UserSelectable="False" />
                                                        <WeekView DayEndTime="23:59:59" ColumnHeaderDateFormat="dddd, d"
                                                            GroupingDirection="Vertical" />
                                                        <Localization AdvancedEditAppointment="Edit" AdvancedNewAppointment="New"
                                                            AllDay="Range" />
                                                        <MonthView FirstDayHeaderDateFormat="MMMM dd" ColumnHeaderDateFormat="MMMM dddd"
                                                            HeaderDateFormat="MMMM, yyyy" />
                                                    </telerik:RadScheduler>

                                                    <div align="center">
                                                        <asp:ImageButton ID="btnSubmit" runat="server"
                                                            ImageUrl="../images/b_submit_sm.gif" onclick="btnSubmit_Click" />
                                                             
                                                        <asp:ImageButton ID="btnCancel" runat="server"
                                                            ImageUrl="../images/b_cancel.gif" onclick="btnSubmit_Click" />
                                                            
                                                        </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 13 Jul 2012

5 answers

397 views

How to Achive Move Up,Move Down in RadTreeView Control?

I having Treeview with several nodes and sub nodes
The user must have the option to sort the treeview items,using context menu items Like MoveUp,MoveDown
Is their any methods available for moving the node up and down in the RadTreeview using clientside functions
like movenodeup,movenodedown etc,
Please let me know as soon as possible,
this is very very urgent task.
thanks in advance.

TreeView

answered on 13 Jul 2012

1 answer

88 views

Hyperlink Manager does not perform Anchor validation

Hello,
There is an ability in in Hyperlink Manager to enter anchor name with spaces, etc. No validation performed.
Could you please reply if it can be fixed?

Editor

answered on 13 Jul 2012

4 answers

254 views

Ajaxifying a ContentPlaceHolder from the Master Page

I have a simple question. How can I ajaxify the ContentPlaceHolder in a MasterPage? I currently have a Master Page with 2 ContentPlaceHolders. I also have a RadMenu and want to ajaxify the menu selections so that it refreshes the ContentPlaceHolders with the appropriate content page updates. I read on the forums that I need to wrap the ContentPlaceHolder in a regular Panel for this scenario to work, but it is still not working.

Is this possible and if so how?

Thanks in advance!

Ajax

answered on 13 Jul 2012

3 answers

309 views

disable hyperlink toolbar button on RadEditor html and preview mode

Hi Everyone,

I have a RadEditor with couple of toolbar buttons which includes hyperlink manager toolbar button.

I have edit modes as design, html and preview.

I would like to disable hyperlink when on html and preview modes, and disable on design mode until a button is clicked.

i tried if mode = design, visible = false, but it does not work all the time.

Example:
1st time when I load the module, by default it is in design mode, and hyperlink is disabled, when i switch to html/preview modes, the hyperlink is disabled,but when i switch back again to design ,the hyperlink is enabled.

"Any Idea how to disable hyperlink in all the 3 modes and enable only on design mode when a button is clicked."

Thanks in advance for you help on this.

-Rad

Editor

answered on 13 Jul 2012

1 answer

103 views

HTML entity characters are not escaped on Hyperlink Editor email subject

Hello,
Similar to this the HTML entity characters (like > or < ) are not escaped on Hyperlink Manager fields.
If they appear in email Subject field they break the markup with something like "originalAttribute=".
Could you please comment if it can be resolved?

Editor

answered on 13 Jul 2012

2 answers

510 views

RequiredFieldValidator for RadTextBox not firing

Hi!

I'm really confused as to why my RequiredFieldValidators are not working. Basically I have .aspx page that is being used as a RadWindow-- A kind of edit dialog. On that page is a User Control (.ascx) that has a panel with my RadTextBoxes and submit button. I'm trying to setup
RequiredFieldValidators on those textboxes but cannot figure out why they are not firing when I click the button. Here is the panel in question. What am I doing wrong? Thanks!

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"

Skin="Web20"></telerik:RadFormDecorator>

<asp:Panel ID="StatesEditPanel" CssClass="maintext" BackColor="#FFFFFF" runat="server">

<asp:Label ID="lblStatesHeader" runat="server" Font-Bold="True"></asp:Label><br />

<table id="StatesTable" border="0" cellspacing="1" cellpadding="2" width="100%">

<tr>

<td style="font-weight: bold; text-align: right; vertical-align: middle;">

State Abbreviation:

</td>

<td style="text-align: left;">

<telerik:RadTextBox ID="rtxtStateAbbrev" runat="server" Width="10%" EmptyMessage=""

Skin="Web20" Font-Size="9pt" BackColor="#fdf5e6" MaxLength="2" SelectionOnFocus="SelectAll"

ValidationGroup="lookupedit" />

<asp:RequiredFieldValidator ID="StateAbbrevRequiredFieldValidator" runat="server"

ControlToValidate="rtxtStateAbbrev" Display="Dynamic" InitialValue=" ---" EnableClientScript="true"

ErrorMessage="You must enter a State Abbreviation!" Font-Size="7pt" ForeColor="Red"

ValidationGroup="lookupedit"

Font-Bold="true" />

</td>

</tr>

<tr>

<td style="font-weight: bold; text-align: right; vertical-align: middle;">

Description:

</td>

<td style="text-align: left;">

<telerik:RadTextBox ID="rtxtStateName" runat="server" Width="40%"

Skin="Web20" Font-Size="9pt" BackColor="#fdf5e6" MaxLength="10"

ValidationGroup="lookupedit" />

<asp:RequiredFieldValidator ID="StateDescriptionRequiredFieldValidator" runat="server"

ControlToValidate="rtxtStateName" EnableClientScript="true" Display="Dynamic"

InitialValue=" ---" Text="You must enter a Description!" Font-Size="7pt"

ForeColor="Red" ValidationGroup="lookupedit" Font-Bold="true" />

</td>

</tr>

<tr>

<td style="font-weight: bold; text-align: right; vertical-align: middle;" class="style1">

Tax Rate:

</td>

<td style="text-align: left;" class="style1">

<telerik:RadTextBox ID="rtxtStateTaxRate" runat="server" Width="20%" EmptyMessage=""

Skin="Web20" Font-Size="9pt" BackColor="#fdf5e6" MaxLength="10" SelectionOnFocus="SelectAll"

CausesValidation="True" ValidationGroup="lookupedit" />

<asp:RequiredFieldValidator ID="StateTaxRateRequiredFieldValidator" runat="server"

ControlToValidate="rtxtStateTaxRate" Display="Dynamic" InitialValue=" ---" EnableClientScript="true"

ErrorMessage="<br />You must enter a State Tax Rate!" Font-Size="7pt" ForeColor="Red"

Font-Bold="true" ValidationGroup="lookupedit" />

</td>

</tr>

<tr>

<td colspan="2" style="text-align: center;">

<asp:Button ID="btnStatesSave" runat="server" Font-Bold="True" Text="Save" CausesValidation="true"

Width="80px" ValidationGroup="lookupedit" />

<asp:Button ID="btnStatesDelete" runat="server" Font-Bold="True" Text="Delete" CausesValidation="true"

Width="80px" />

</td>

</tr>

</table>

</asp:Panel>

General Discussions

answered on 13 Jul 2012

5 answers

241 views

How the width of autogenerated column is determind?

Hi there,
I am using RadGrid control which is populated with DataSets of different types. I have observed that when database columns are of type decimal, RadGrid makes the header of that column quite wide which doesn't looks pretty. (all black circle columns are decimal types). As I assign data on run time, I dont want to use fixed header width because no. of return columns are based on database view.
Is there a solution to this problem?
Thanks !

Grid

answered on 13 Jul 2012

2 answers

111 views

RedScheduler - Remove the red X (delete) from an appointment?

Drag and drop ability suddenly stopped working with the release 2012.1.411.40 back in April 2012. Well, I found that the issue is because the RadScheduler had the settings <MonthView ReadOnly="true">. If I change it to <MonthView ReadOnly="false"> or remove it, I can drag and drop again. However, now my appointments have a red X that will bring up a cancel window.

Is there a way to remove the red X from an appointment?

I have a context menu that offers the delete menu item, and I want to keep it. But I don't want the red X to show on the appointment.

Thanks for any info,
Robert

Scheduler

answered on 13 Jul 2012

4 answers

157 views

RadDatePicker design issue inside the RadTabStrip

Hi,

   i am using Rad tab strip control in my screen and when i use Rad date time picker and Recurrence control inside the tab.
the control design is collapsed please verify the screen shots and give me a solution as soon as possible

FYI:
      Telerik DLL Version :2011.1.519.35
       Browser : IE8

TabStrip

answered on 13 Jul 2012