Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
262 views
I have a RadUpload that always shows exactly one upload field.  I have a requirement to clear the input field from elsewhere on the page.  The input element should still remain (if I have to temporarily "delete" it and then remake it, that is ok as long as it still works with postback, e.g. if it has the same clientid), and remain usable, just without the file that was previously selected there.  Is there an easy way to do this with Telerik's clientside api, or do I need to get dirty with raw dhtml?  I should not use IE specific features.


Telerik.Web.UI.dll 2010.2.713.35
Simon
Telerik team
 answered on 18 Jan 2011
1 answer
248 views

I am trying to use the RadListView OnLoad event to set the page index from session much like I am doing with a RadGrid. However, despite the fact I have the event handler defined the code does not fire. If I remove the code in my code behind, but leave the onload declaration on the tag it balks about it not being present. I finally went to a test project and just did a simply test below of the onload. It still will not execute. Am I missing something in how the list view onload works? Thanks.

protected void rlvForecastCardView_Item_Load(object sender, EventArgs e)
{
    Response.Write("Test Text");
}
Tsvetina
Telerik team
 answered on 18 Jan 2011
1 answer
103 views
Hello In my page i use the recurrence control and calender control but some time it's not working . IF recurrence control working then date control not work . Sometimes date control work but recurrence control not work  

I was unable to find out the  problem exactly where occured.

Please see following code.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Clinics.ascx.cs" Inherits="DesktopModules_JCVideo_Clinics" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register TagPrefix="dnn" Assembly="DotNetNuke" Namespace="DotNetNuke.UI.WebControls" %>
<%@ Register TagPrefix="dnn" TagName="Profile" Src="~/DesktopModules/Admin/Security/Profile.ascx" %>
 
 
     
  
     
        <div id="FacilityTabs" runat="server">
            <telerik:RadTabStrip ID="StudentTabs" runat="server" MultiPageID="RadMultiPage1"
                SelectedIndex="3" Align="Left" ReorderTabsOnSelect="true" Skin="Telerik" OnTabClick="FacilityTabs_TabClick">
                <Tabs>
                    <telerik:RadTab Text="Edit Schedule">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Edit Settings">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Edit Students">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Clinics">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Add/Update Instructor">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Facilities">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
        </div>
        <div style="border-style: solid; border-color: Silver; border-width: thin; background-color: White;
            padding: 10px 10px 10px 10px">
            <table width="100%" class="table1">
                <tr>
                    <td style="height: 40px">
                        <table>
                            <tr>
                                <td colspan="2" style="font-size: 11pt; color: Gray">
                                    <strong>Clinics</strong>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 8pt">
                                    Select A Clinic To Edit:
                                </td>
                                <td>
                                    <telerik:RadComboBox ID="ddlClinics" runat="server" Height="140px" AutoPostBack="true"
                                        OnSelectedIndexChanged="ddlClinics_SelectedIndexChanged">
                                    </telerik:RadComboBox>
                                </td>
                                <td>
                                    <asp:Button ID="btnAddNew" runat="server" Text="Add New Clinic" OnClick="btnAddNew_Click"
                                        Width="119px" />
                                    <asp:Button ID="btnCancelAdd" runat="server" Text="Cancel" OnClick="btnCancelAdd_Click"
                                        Width="55px" Visible="False" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="padding-left: 15px; padding-right: 15px">
                        <div style="border-bottom-color: Silver; border-bottom-style: solid; border-bottom-width: thin;
                            height: 1px; width: 100%">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic Title
                                            </td>
                                            <td>
                                                <telerik:RadTextBox runat="server" ID="txtTitle">
                                                </telerik:RadTextBox>
                                                <%--<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic Location
                                            </td>
                                            <td>
                                                <telerik:RadComboBox runat="server" Height="140px" ID="ddlLocation" AutoPostBack="true">
                                                </telerik:RadComboBox>
                                                <%--<asp:TextBox ID="txtLocation" runat="server"></asp:TextBox>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic Price Per Student
                                            </td>
                                            <td>
                                                <telerik:RadNumericTextBox runat="server" ID="txtPrice">
                                                </telerik:RadNumericTextBox>
                                                <%-- <asp:TextBox ID="txtPrice" runat="server"></asp:TextBox>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic Description
                                            </td>
                                            <td>
                                                <telerik:RadTextBox runat="server" ID="txtDescription" TextMode="MultiLine" Height="40px">
                                                </telerik:RadTextBox>
                                                <%-- <asp:TextBox ID="txtDescription" runat="server"></asp:TextBox>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Max # Of Students
                                            </td>
                                            <td>
                                                <telerik:RadNumericTextBox runat="server" ID="txtMaxStudent">
                                                </telerik:RadNumericTextBox>
                                                <%--<asp:TextBox ID="txtMaxStudent" runat="server"></asp:TextBox>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:Button ID="btnSave" runat="server" Text="Save\Update Clinic" OnClick="btnSave_Click" />
                                            </td>
                                            <td>
                                                <asp:Button ID="btnCancel" runat="server" Text="Cancel Clinic" OnClick="btnCancel_Click" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td>
                                    <table>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic Start Date
                                            </td>
                                            <td>
                                                <telerik:RadDateTimePicker ID="dtpStartDate" runat="server">
                                                </telerik:RadDateTimePicker>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 8pt">
                                                Clinic End Date
                                            </td>
                                            <td>
                                                <telerik:RadDateTimePicker ID="dtpEndDate" runat="server" OnSelectedDateChanged="dtpEndDate_SelectedDateChanged">
                                                </telerik:RadDateTimePicker>
                                            </td>
                                        </tr>
                                        <%-- <tr>
                                    <td style="font-size: 8pt">
                                        Recurring?
                                    </td>
                                    <td>
                                         
                                    </td>
                                </tr>--%>
                                        <tr>
                                            <td colspan="2">
                                                <telerik:RadSchedulerRecurrenceEditor ID="RecClinic" runat="server" Visible="true"
                                                    Width="550px">
                                                </telerik:RadSchedulerRecurrenceEditor>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="padding-left: 15px; padding-right: 15px">
                        <div style="border-bottom-color: Silver; border-bottom-style: solid; border-bottom-width: thin;
                            height: 1px; width: 100%">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <table>
                                    <tr>
                                        <td colspan="2" style="font-size: 8pt">
                                            <strong>Assign Instructor(s)</strong>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-size: 8pt">
                                            Available Instructors:
                                        </td>
                                        <td style="font-size: 8pt">
                                            Assigned Instructor(s) / Salary For Event:
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <%--  <telerik:RadListBox ID="lstbxInstructor" runat="server" DataTextField="Name"
                            Height= "140px"
                            DataValueField="InstructorID">
                            </telerik:RadListBox>--%>
                                            <asp:ListBox ID="lstbxInstructor" Height="140px" DataTextField="Name" DataValueField="InstructorID"
                                                runat="server"></asp:ListBox>
                                        </td>
                                        <td style="font-size: 8pt">
                                            <telerik:RadGrid ID="grdInstructor" runat="server" Width="450px" AutoGenerateColumns="false"
                                                ShowGroupPanel="false" HeaderStyle-Height="0px" OnItemCommand="grdPackage_ItemCommand"
                                                AllowPaging="true" GridLines="Both" AllowSorting="true" BorderStyle="None" Skin="Simple"
                                                ShowHeader="true">
                                                <PagerStyle Mode="NextPrevAndNumeric" />
                                                <MasterTableView EditMode="InPlace" DataKeyNames="InstructorId,Name,ClinicInstructorId,CutRate"
                                                    Width="100%" CommandItemDisplay="None">
                                                    <Columns>
                                                        <telerik:GridTemplateColumn HeaderText="Name">
                                                            <HeaderStyle Width="150px" ForeColor="GrayText" />
                                                            <ItemTemplate>
                                                                <asp:Label ID="lblpkName" Text='<%# Eval("Name")%>' runat="server"></asp:Label>
                                                            </ItemTemplate>
                                                            <EditItemTemplate>
                                                                <asp:Label ID="txtpkName" Text='<%# Eval("Name")%>' runat="server"></asp:Label>
                                                            </EditItemTemplate>
                                                            <ItemStyle HorizontalAlign="Left" />
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridTemplateColumn HeaderText="Price">
                                                            <HeaderStyle Width="150px" ForeColor="GrayText" />
                                                            <ItemTemplate>
                                                                <asp:Label ID="lblPrice" Text='<%# Eval("CutRate")%>' runat="server"></asp:Label>
                                                            </ItemTemplate>
                                                            <EditItemTemplate>
                                                                <asp:TextBox ID="txtPrice" Text='<%# Eval("CutRate")%>' runat="server">
                                                                </asp:TextBox>/Hour
                                                            </EditItemTemplate>
                                                            <ItemStyle HorizontalAlign="Left" />
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"
                                                            AutoPostBackOnFilter="true" HeaderText="Edit" EditImageUrl="../Images/edit.gif">
                                                            <HeaderStyle Width="30px" />
                                                            <ItemStyle CssClass="MyImageButton" />
                                                        </telerik:GridEditCommandColumn>
                                                        <telerik:GridButtonColumn ConfirmText="Delete this Instructor?" ConfirmDialogType="RadWindow"
                                                            ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"
                                                            UniqueName="DeleteColumn" HeaderText="Delete" ImageUrl="../Images/action_delete.gif">
                                                            <HeaderStyle Width="30px" />
                                                            <ItemStyle HorizontalAlign="Center" CssClass="MyDelImageButton" />
                                                        </telerik:GridButtonColumn>
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button ID="btnAssign" Text="Assign Instructor" runat="server" OnClick="btnAssign_Click">
                                            </asp:Button>
                                        </td>
                                        <td>
                                            <%--<asp:Button ID="btnsavesal" Text="Save\Update Salary" runat="server"></asp:Button>--%>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                            <Triggers>
                                <asp:PostBackTrigger ControlID="btnAssign" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </td>
                </tr>
            </table>
        </div>
        <telerik:RadSchedulerRecurrenceEditor ID="RecEditSave" runat="server" Visible="false"
            Width="550px">
        </telerik:RadSchedulerRecurrenceEditor>
        <asp:Button runat="server" ID="hiddenTargetControlForEditModalPopup" Style="display: none" />
        <cc1:ModalPopupExtender runat="server" ID="modPopExtForEditInformation" TargetControlID="hiddenTargetControlForEditModalPopup"
            PopupControlID="divMoreInfo" BackgroundCssClass="modalBackground" CancelControlID="btnpopupOk"
            PopupDragHandleControlID="programmaticPnlEditCompany">
        </cc1:ModalPopupExtender>
<div id="divMoreInfo" visible="false" runat="server" style="display: none; background-color: white;
    width: 260px; height: 150px; border-width: 3px; border-style: solid; border-color: Black;">
    <div>
        <table cellpadding="10px">
            <tr>
                <td colspan="2" style="background-color: Silver;">
                    <b>
                        <asp:Label ID="lblmessageHeader" Text="Edit Lesson Time" runat="server" /></b>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="lblMessage" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <asp:Button ID="btnpopupOk" runat="server" Text="OK" />
                </td>
            </tr>
        </table>
    </div>
</div>



Please help me urgent ..Hello No one got this type of problem please let me knoww..
Maria Ilieva
Telerik team
 answered on 18 Jan 2011
13 answers
209 views
Hi,

I have a problem with closing the radwindow control by pressing any key of the keyboard.

Here is my code:
"

<

 

 

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

 

<

 

 

head runat="server">

 

 

 

<title></title>

 

 

 

<script language="javascript" type="text/javascript">

 

 

 

function GetRadWindow() {

 

 

 

var oWindow = null;

 

 

 

if (window.radWindow)

 

oWindow = window.RadWindow;

 

//Will work in Moz in all cases, including clasic dialog

 

 

 

else if (window.frameElement.radWindow)

 

oWindow = window.frameElement.radWindow;

 

//IE (and Moz as well)

 

 

 

return oWindow;

 

}

 

 

function Close(evt) {

 

 

 

if ((evt.keyCode >= 0) && (evt.keyCode <= 127))

 

GetRadWindow().Close();

}

 

 

 

</script>

 

 

 

<style type="text/css">

 

 

 

#bg {position:absolute; }

 

 

 

#content {position:relative; z-index:2;}

 

 

 

#LayerPanel1 {position:relative; z-index:1;}

 

 

 

</style>

 

 

 

<script type="text/javascript">

 

 

 

function OnClientInitialize(dock, args) {

 

 

 

var divMap = $get("bg");

 

divMap.appendChild(dock.get_element());

}

 

 

</script>

 

</

 

 

head>

 

<

 

 

body onkeypress="Close(event)">

 

 

 

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

 

 

 

<div>

 

 

 

<asp:ScriptManager ID="ScriptManager1" runat="server" />

 

 

 

<asp:Panel ID="Panel2" Width="100%" Height="100%" runat="server" >

 

 

 

<asp:Panel ID="bg" Height="100%" style="margin-left:-10px; margin-top:-10px;" Width="100%" runat="server" >

 

 

 

<asp:Image ID="CMapImage" Width="100%" Height="150%" runat="server" />

 

 

 

</asp:Panel>

 

 

 

<asp:Panel ID="LayerPanel1" runat="server">

 

 

 

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

 

 

 

 

</telerik:RadDockLayout>

 

 

 

</asp:Panel>

 

 

 

<asp:Panel ID="content" Width="100%" Height="60px" runat="server">

 

 

 

<asp:Panel ID="EscPanel" runat="server">

 

 

 

</asp:Panel>

 

 

 

</asp:Panel>

 

 

 

</asp:Panel>

 

 

 

</div>

 

 

 

</form>

 

</

 

 

body>

 

</

 

 

html>

 


"

But unfortunatily it is not working. Only by pressing the Esc key the radwindow control is closed unlike the requirements.

Please, I need your help in order to close the radwindow control by pressing any key.
It is appreciated to send me the modified code.

Regards,
Bader
Svetlina Anati
Telerik team
 answered on 18 Jan 2011
0 answers
62 views
I'm not sure why but I can get the radscheduler to load and set a breakpoint on the request but when the page loads there are no appointments displayed.

ReadOnly Property FUDataSource() As SqlDataSource
        Get
            Dim BL As New Example_BL.Test_BL
            Dim ds As New SqlDataSource
            'If Session(FUData) Is Nothing OrElse Not IsPostBack Then
            ds = BL.FUMgr_Scheduler_GetSQLDataSource(**** Replaced For Example ****)
            Session(FUData) = ds
            'End If
  
            Return ds
        End Get
    End Property
  
 Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
          
        If Not IsPostBack Then
            RadScheduler1.SelectedDate = Now
            RadScheduler1.DataSource = FUDataSource
            'RadScheduler1.DataBind()
            RadCalendar1.SelectedDate = RadScheduler1.SelectedDate
            SyncCalendars()
        End If
    End Sub
  
Private Sub RadScheduler1_NavigationCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.SchedulerNavigationCommandEventArgs) Handles RadScheduler1.NavigationCommand
        Session(FUData) = Nothing
        RadScheduler1.DataSource = FUDataSource
        'RadScheduler1.DataBind()
    End Sub
Thomas
Top achievements
Rank 1
 asked on 18 Jan 2011
1 answer
81 views
Hi All

We have an application that utilises Themes and Master Pages.

Within out master page we have a AjaxManager where we specify the control settings. Eveyrthing works fine - grids etc - but for some reason RadDock throws an error. Grids 'animate' as we would expect the dockzone throws an error.

Have tried using Proxy and other methods but cannot find the issue.

The RadDock saves the layout and allows new content to be added. All docks and content are loaded dynamically.

So in the master pages we have....

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadDockZone1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadDockZone1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

then the raddock.....

<telerik:RadDockLayout runat="server" ID="RadDockLayout1" OnSaveDockLayout="RadDockLayout1_SaveDockLayout"
       OnLoadDockLayout="RadDockLayout1_LoadDockLayout" EnableEmbeddedSkins="false"
       Skin="IFM1">
       <table id="TableLayout" runat="server">
           <tr valign="top">
               <td>
                   <telerik:RadDockZone BorderWidth="0px" FitDocks="true" runat="server" ID="RadDockZone1"
                       Width="280" MinHeight="480">
                   </telerik:RadDockZone>
               </td>
               <td>
                   <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone2" Width="280"
                       MinHeight="480">
                   </telerik:RadDockZone>
               </td>
               <td>
                   <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone3" Width="280"
                       MinHeight="480">
                   </telerik:RadDockZone>
               </td>
           </tr>
       </table>
   </telerik:RadDockLayout>

Can anyone point in the right direction as to why the raddock area causes issues

Thanks in advance

Geoff
Pero
Telerik team
 answered on 18 Jan 2011
1 answer
54 views

Hi Telerik support team;

We have a web page which is opening a modal radwindow.  This radwindow loads another aspx page.  In the modal popup, a search is done and the search results are shown in a radgrid.  When a row is clicked on the radgrid, then the window closes and passes values back to the calling page and populates a text box.

The problem is that on the popup, if the search returns about 5000+ rows, and if one of the rows is clicked, then window closes but causes a javascript endless loop which in IE produces a dialog that says "Stop running this script? A script on this page is causing your web browser to run slowly.  If it continues to run, your computer might become unresponsive."  Could you please suggest a fix for this?  I have attached the javascript code on the calling page and the lookup page loaded in the radwindow.  Thanks in advance,

Meera

Calling Page:

Js code:

 

function openRadWindow(windowname) {

 

 

 

var accPage = '<%=Page.ResolveUrl("LookUpProducts.aspx") %>';

 

 

 

var txthiddenproduct = document.getElementById("<%= hiddenProductName.ClientID %>");

 

txthiddenproduct.value =

 

"";

 

 

 

var oWnd = radopen(accPage, "Product Lookup");

 

oWnd.add_close(clientClose);

oWnd.setSize(920, 600);

oWnd.set_modal(

 

true);

 

oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Resize + Telerik.Web.UI.WindowBehaviors.Maximize)

 

 

var y = document.documentElement.scrollTop;

 

 

 

var x = document.documentElement.scrollLeft;

 

oWnd.moveTo(x + 50, y + 50);

}

 

 

 

 

 

 

function

 

 

clientClose(sender, eventArgs) {

 

 

 

var arg = sender.argument;

 

sender.SetUrl(

 

"about:blank");

 

 

 

var products = document.getElementById("<%= acProductNames.ClientID %>");

 

 

 

var txthiddenproduct = document.getElementById("<%= hiddenProductName.ClientID %>");

 

 

 

if (arg) {

 

 

 

if (txthiddenproduct.value == "") {

 

products.value = arg;

txthiddenproduct.value = arg;

}

}

}

 

 

Popup page within radwindow:
Javascript code:

 

 

 

function RowSelected(sender, args) {

 

 

 

 

var productname = args.getDataKeyValue("ProductName");

 

 

 

if (productname === null || productname === "") {

 

productname =

 

"NoValue";

 

}

 

 

var returnvalue = args.getDataKeyValue("ProductName");

 

 

returnArg(returnvalue);

}

 

 

var oWnd;

 

 

 

function pageLoad() {

 

oWnd = GetRadWindow();

}

 

 

function returnArg(value) {

 

oWnd = GetRadWindow();

oWnd.argument = value;

 

// Set the updated value in button click

 

 

 

 

 

oWnd.close();

}

 

 

function GetRadWindow() {

 

 

 

var oWindow = null;

 

 

 

if (window.radWindow)

 

oWindow = window.radWindow;

 

 

else if (window.frameElement.radWindow)

 

oWindow = window.frameElement.radWindow;

 

 

return oWindow;

 

}

 

 


Svetlina Anati
Telerik team
 answered on 18 Jan 2011
3 answers
292 views
Hello,
I have one radgrid which is generated dyanamically as Autogenerated columns is True.
When grid populated at "ItemDataBound" event of Radgrid I have placed RadComboBox control in each header of the column.
Now on any outside button click event I have to check where client  selected something from RadComboBox control or Not.
If not i have to indicate client to select from RadComboBox.
Once client select item from RadComboBox control for all columns, I have to export Radgrid into excel with selected item as header for that column.

Does any one have idea how to do this??

Thanks in advance.

- Sandeep.
Marin
Telerik team
 answered on 18 Jan 2011
2 answers
161 views
Hi:
I have a grid with an ItemTemplate that contains a RadRotator Control, RadRotator content does not scroll in earlier versions of IE (6 / 7), even in the Internal Browser version of Visual Studio 2010.
The attached images show the problem.
Version of Telerik.Web.UI: 2010.3.1215.20

Thanks for your help

The code is:

<style type="text/css">
    html* .FixRotatorHeight .rrVerticalList
    {
        width: 540px;
    }
</style>
 
 
<telerik:RadGrid ID="rgIndicadoresMeta" runat="server" AutoGenerateColumns="False"
    DataSourceID="SqlDsIndicadoresMeta" GridLines="None" Skin="Sitefinity" Width="780px"
    Height="359px">
    <ClientSettings>
        <Selecting AllowRowSelect="True" />
        <Scrolling AllowScroll="True" UseStaticHeaders="True" />
    </ClientSettings>
    <MasterTableView DataKeyNames="codigo" DataSourceID="SqlDsIndicadoresMeta" TableLayout="Fixed"
        NoMasterRecordsText="No hay información regisdtrada." ShowHeader="false">
        <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
        <RowIndicatorColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
        </RowIndicatorColumn>
        <ExpandCollapseColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
        </ExpandCollapseColumn>
        <Columns>
            <telerik:GridBoundColumn DataField="codigo" DataType="System.Int32" HeaderText="codigo"
                ReadOnly="True" SortExpression="codigo" UniqueName="codigo" Visible="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="indicador" HeaderText="indicador" SortExpression="indicador"
                UniqueName="indicador" Visible="false">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="Datos">
                <ItemTemplate>
                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="background-color: #D1DCF1;">
                                <asp:Label runat="server" ID="lblTituloIndicador" Width="740px" Text="Indicador:"
                                    Font-Size="11pt" Style="font-variant: small-caps;"></asp:Label><br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <telerik:RadSplitter ID="RadSplitterindicador" runat="server" LiveResize="false"
                                    Skin="Windows7" Width="698px" Height="240px" BackColor="White">
                                    <telerik:RadPane ID="RadPaneCabecera" runat="server" Width="180px" Scrolling="None">
                                        <table cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td style="font-family: 'Calibri';">
                                                    <asp:Label ID="lblEstado" runat="server" Text="Estado:"></asp:Label>
                                                    <asp:Image ID="imgEstado" runat="server" ImageUrl="~/recursos/imagenes/menu/indicadores/deficiente.png" /><br />
                                                    <asp:Label ID="lblAvance" runat="server" Text="Avance:"></asp:Label><br />
                                                    <asp:Label ID="lblUnidad" runat="server" Text="Unidad:"></asp:Label><br />
                                                    <asp:Label ID="lblActualizacion" runat="server" Text="Actualizado:"></asp:Label>
                                                    <asp:Image ID="imgActualiza" runat="server" ImageUrl="~/recursos/imagenes/menu/indicadores/0.png" /><br />
                                                    <asp:Label ID="lblCorte" runat="server" Text="Fecha de corte:"></asp:Label><br />
                                                    <asp:Label ID="lblTipo" runat="server" Text="Tipo Indicador:"></asp:Label><br />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-family: 'Century Gothic';">
                                                    <asp:Label ID="lblResumen" runat="server" Text="Resumen:"></asp:Label><br />
                                                    <asp:TextBox ID="txtResumen" runat="server" TextMode="MultiLine" Rows="6" Width="164px"
                                                        BorderColor="Transparent" Font-Size="8pt" Font-Names="Century Gothic"></asp:TextBox>
                                                </td>
                                            </tr>
                                        </table>
                                    </telerik:RadPane>
                                    <telerik:RadSplitBar ID="RadSplitBarIndicador" runat="server" Visible="false">
                                    </telerik:RadSplitBar>
                                    <telerik:RadPane ID="RadPaneDetalleGrafico" runat="server" Width="540px" Scrolling="None">
                                        <telerik:RadRotator ID="RadRotatorIndicador" runat="server" Width="540px" RotatorType="SlideShowButtons"
                                            SlideShowAnimation-Type="CrossFade" BackColor="White" Height="224px" ScrollDirection="Left,Right" CssClass="FixRotatorHeight"
                                            Style="position: inherit;">
                                            <Items>
                                                <telerik:RadRotatorItem>
                                                    <ItemTemplate>
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    <telerik:RadGrid ID="rgDetallePeriodoIndicador" runat="server" AutoGenerateColumns="False"
                                                                        GridLines="None" Skin="Simple" DataSourceID="SqlDsPeriodicidadIndicador" Width="342px"
                                                                        Height="208px">
                                                                        <ClientSettings>
                                                                            <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                                                                        </ClientSettings>
                                                                        <MasterTableView DataKeyNames="codigo_periodo" DataSourceID="SqlDsPeriodicidadIndicador"
                                                                            GroupLoadMode="Client">
                                                                            <CommandItemSettings ExportToPdfText="Export to Pdf" />
                                                                            <RowIndicatorColumn>
                                                                                <HeaderStyle Width="20px" />
                                                                            </RowIndicatorColumn>
                                                                            <ExpandCollapseColumn>
                                                                                <HeaderStyle Width="20px" />
                                                                            </ExpandCollapseColumn>
                                                                            <GroupByExpressions>
                                                                                <telerik:GridGroupByExpression>
                                                                                    <SelectFields>
                                                                                        <telerik:GridGroupByField FieldName="anio_periodo" HeaderText="Año"></telerik:GridGroupByField>
                                                                                    </SelectFields>
                                                                                    <GroupByFields>
                                                                                        <telerik:GridGroupByField SortOrder="Ascending" FieldName="anio_periodo"></telerik:GridGroupByField>
                                                                                    </GroupByFields>
                                                                                </telerik:GridGroupByExpression>
                                                                            </GroupByExpressions>
                                                                            <Columns>
                                                                                <telerik:GridBoundColumn DataField="codigo_indicador" DataType="System.Int32" HeaderText="Cód. Indicador"
                                                                                    SortExpression="codigo_indicador" UniqueName="codigo_indicador" Visible="false">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="codigo_periodo" DataType="System.Int32" HeaderText="Id"
                                                                                    ReadOnly="True" SortExpression="codigo_periodo" UniqueName="codigo_periodo" Visible="false">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="nombre_periodo" HeaderText="Período" SortExpression="nombre_periodo"
                                                                                    UniqueName="nombre_periodo">
                                                                                    <HeaderStyle Width="120px" />
                                                                                    <ItemStyle Width="120px" />
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="anio_periodo" DataType="System.Int32" HeaderText="Año"
                                                                                    SortExpression="anio_periodo" UniqueName="anio_periodo" Visible="false">
                                                                                    <HeaderStyle Width="50px" />
                                                                                    <ItemStyle Width="50px" />
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="fecha_fin_periodo" DataType="System.DateTime"
                                                                                    HeaderText="fecha_fin_periodo" SortExpression="fecha_fin_periodo" UniqueName="fecha_fin_periodo"
                                                                                    Visible="false">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="fecha_ultima_actualizacion" DataType="System.DateTime"
                                                                                    HeaderText="fecha_ultima_actualizacion" SortExpression="fecha_ultima_actualizacion"
                                                                                    UniqueName="fecha_ultima_actualizacion" Visible="false">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="valor_programado" DataType="System.Double" HeaderText="Meta"
                                                                                    SortExpression="valor_programado" UniqueName="valor_programado">
                                                                                    <HeaderStyle HorizontalAlign="Right" />
                                                                                    <ItemStyle HorizontalAlign="Right" />
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="valor_ejecutado" DataType="System.Double" HeaderText="Result."
                                                                                    SortExpression="valor_ejecutado" UniqueName="valor_ejecutado">
                                                                                    <HeaderStyle HorizontalAlign="Right" />
                                                                                    <ItemStyle HorizontalAlign="Right" />
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="porcentaje_ejecucion" HeaderText="%" SortExpression="porcentaje_ejecucion"
                                                                                    UniqueName="porcentaje_ejecucion" DataFormatString="{0:P2}">
                                                                                    <HeaderStyle HorizontalAlign="Center" />
                                                                                    <ItemStyle HorizontalAlign="Center" />
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn DataField="observaciones" HeaderText="observaciones" SortExpression="observaciones"
                                                                                    UniqueName="observaciones" Visible="false">
                                                                                </telerik:GridBoundColumn>
                                                                            </Columns>
                                                                        </MasterTableView>
                                                                        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" EnableImageSprites="True">
                                                                        </HeaderContextMenu>
                                                                    </telerik:RadGrid>
                                                                </td>
                                                                <td>
                                                                    <telerik:RadChart ID="RadChartIndicadorGlobal" runat="server" Skin="Pastel" Width="170px"
                                                                        Height="208px">
                                                                    </telerik:RadChart>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </ItemTemplate>
                                                </telerik:RadRotatorItem>
                                                <telerik:RadRotatorItem>
                                                    <ItemTemplate>
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td style="background-color: #F2F2F2; font-family: 'Trebuchet MS'; font-size: 8pt;">
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td>
                                                                                <asp:Label runat="server" ID="lblVista" Text="Vista de Datos"></asp:Label>
                                                                            </td>
                                                                            <td>
                                                                                <telerik:RadComboBox ID="rcbVistaDatos" runat="server" Width="120px" Font-Names="Trebuchet MS">
                                                                                    <Items>
                                                                                        <telerik:RadComboBoxItem Value="0" Text="Valores absolutos" Selected="true" />
                                                                                        <telerik:RadComboBoxItem Value="1" Text="Porcentajes" />
                                                                                    </Items>
                                                                                </telerik:RadComboBox>
                                                                            </td>
                                                                            <td>
                                                                                <asp:Label runat="server" ID="lblAnio" Text="Año"></asp:Label>
                                                                            </td>
                                                                            <td>
                                                                                <telerik:RadComboBox ID="rcbAnio" runat="server" Width="60px" Font-Names="Trebuchet MS"
                                                                                    AutoPostBack="true" DataSourceID="SqlDsAniosVigencia" DataValueField="ANIO_VIGENCIA"
                                                                                    DataTextField="NOMBRE_VIGENCIA" OnSelectedIndexChanged="OnSelectedIndexChangedHandler">
                                                                                </telerik:RadComboBox>
                                                                                <span>  </span>
                                                                            </td>
                                                                            <td style="border-left: 1 dotted Gray; padding-left: 10px;">
                                                                                <asp:Image runat="server" ID="imgProg" ImageAlign="Left" ImageUrl="~/recursos/imagenes/menu/indicadores/prog.png" />
                                                                                <asp:Label runat="server" ID="Label1" Text=" Programado"></asp:Label><span>  </span>
                                                                            </td>
                                                                            <td>
                                                                                <asp:Image runat="server" ID="Image1" ImageAlign="Left" ImageUrl="~/recursos/imagenes/menu/indicadores/avance.png" />
                                                                                <asp:Label runat="server" ID="Label2" Text=" Ejecutado"></asp:Label>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <telerik:RadChart ID="RadChartIndicadorPeriodicidad" runat="server" IntelligentLabelsEnabled="false"
                                                                        DataGroupColumn="nombre" AutoTextWrap="True" Height="180px" Width="538px" AutoLayout="true"
                                                                        DataSourceID="SqlDsSeriesPeriodicidad" Skin="Sunset" Legend-Visible="false" OnItemDataBound="ChartOnItemDataBound">
                                                                        <Appearance Corners="Round, Round, Round, Round, 7" Border-Visible="false">
                                                                            <FillStyle FillType="ComplexGradient">
                                                                                <FillSettings>
                                                                                    <ComplexGradient>
                                                                                        <telerik:GradientElement Color="White" />
                                                                                        <telerik:GradientElement Color="White" Position="0.5" />
                                                                                        <telerik:GradientElement Color="White" Position="1" />
                                                                                    </ComplexGradient>
                                                                                </FillSettings>
                                                                            </FillStyle>
                                                                            <Border Color="212, 221, 222" />
                                                                        </Appearance>
                                                                        <PlotArea>
                                                                            <EmptySeriesMessage>
                                                                                <TextBlock Text="No existen datos disponibles">
                                                                                    <Appearance AutoTextWrap="False">
                                                                                    </Appearance>
                                                                                </TextBlock>
                                                                            </EmptySeriesMessage>
                                                                            <XAxis DataLabelsColumn="nombre_periodo">
                                                                                <AxisLabel>
                                                                                    <TextBlock>
                                                                                        <Appearance TextProperties-Font="Arial, 4pt">
                                                                                        </Appearance>
                                                                                    </TextBlock>
                                                                                </AxisLabel>
                                                                            </XAxis>
                                                                        </PlotArea>
                                                                        <ChartTitle Visible="false">
                                                                        </ChartTitle>
                                                                    </telerik:RadChart>
                                                                    <telerik:RadToolTipManager ID="RadToolTipManagerChart" runat="server" Skin="Telerik"
                                                                        Animation="Slide" Position="BottomCenter" ToolTipZoneID="RadChartIndicadorPeriodicidad"
                                                                        AutoTooltipify="true">
                                                                    </telerik:RadToolTipManager>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </ItemTemplate>
                                                </telerik:RadRotatorItem>
                                            </Items>
                                            <ControlButtons RightButtonID="BtDerecha" LeftButtonID="BtIzquierda" />
                                        </telerik:RadRotator>
                                        <div style="float: right; background-color: #FBFBF1; width: 100%;">
                                            <asp:Image runat="server" ID="BtDerecha" ImageUrl="~/recursos/imagenes/menu/indicadores/flecha_der.png"
                                                Style="cursor: pointer; float: right;" ToolTip="Siguiente" /><span>  </span>
                                            <asp:Image runat="server" ID="BtIzquierda" ImageUrl="~/recursos/imagenes/menu/indicadores/flecha_izq.png"
                                                Style="cursor: pointer; float: right;" ToolTip="Anterior" /><span>  </span>
                                        </div>
                                        <table cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td>
                                                    <div style="float: left;">
                                                        <span>  </span><asp:Image runat="server" ID="imgVistaRegiones" ImageUrl="~/recursos/imagenes/menu/indicadores/info_detalle.png" />
                                                        <asp:HyperLink runat="server" ID="hplnkRegiones" Text="Consultar información regional"
                                                            Target="_parent" Font-Size="8pt" Style="cursor: pointer;"></asp:HyperLink>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <asp:SqlDataSource ID="SqlDsPeriodicidadIndicador" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"
                                            SelectCommand="ind_ObtieneValoresPeriodicidadIndicador" SelectCommandType="StoredProcedure">
                                            <SelectParameters>
                                                <asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                        <asp:SqlDataSource ID="SqlDsSeriesPeriodicidad" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"
                                            SelectCommand="ind_ObtieneSeriesGraficaPeriodicidad" SelectCommandType="StoredProcedure">
                                            <SelectParameters>
                                                <asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />
                                                <asp:Parameter DefaultValue="0" Name="ANIO" Type="Int32" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                        <asp:SqlDataSource ID="SqlDsAniosVigencia" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"
                                            SelectCommand="ind_ObtieneAniosVigenciaIndicador" SelectCommandType="StoredProcedure">
                                            <SelectParameters>
                                                <asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                    </telerik:RadPane>
                                </telerik:RadSplitter>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
    <HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default">
    </HeaderContextMenu>
</telerik:RadGrid>

Rumen
Telerik team
 answered on 18 Jan 2011
3 answers
70 views
Is this no longer supported out of the box?  I just want to do automatic sorting by multiple columns.  This used to work in older versions of the grid.
Pavlina
Telerik team
 answered on 18 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?