Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
130 views
Hi,

We recently upgrade telerik version to - 2013.2 and when we deployed to windows 2003, the page doesn't load correctly in compatibility mode, however once we remove compatibility mode, the page loads correctly, i have provided a sample image for both.

The page contains a radsplitter, which we are thinking needs a tweak, can you please help.

I have attached  code containing the splitter, 

<telerik:RadSplitter ID="RadSplitter1" runat="server" BorderSize="0" Width="100%"
                    OnClientLoaded="InitializeScrollHandler">
                    <telerik:RadPane Scrolling="None" ID="navigationPane" runat="server" Width="100%"
                        OnClientResized="OnPaneResized" OnClientExpanded="OnPaneExpanded">
                        <div id="menuGrid" runat="server" name="menuGrid" style="background: url(../../Images/bgLine.JPG) repeat;
                            width: 100%">
                            <div class="buttonTop" style="width: 60px">
                                <asp:ImageButton ID="btnUploadTask" runat="server" OnClientClick="ShowImportMenu(event); return false;"
                                    ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblImportTaskList" runat="server" Text="1. Import Task List" />
                            </div>
                            <div class="buttonTop" style="width: 60px">
                                <asp:ImageButton ID="btnAddNewTask" runat="server" OnClientClick="openAddNewTaskWin(false); return false;"
                                    ImageUrl="~/Images/spacer.png" ToolTip="Edit Gate to use this function"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblAddNewTask" runat="server" Text="2. Add New Task" />
                            </div>
                            
                            <div class="buttonTop" style="width: 55px">
                                <asp:ImageButton ID="btnAssignTeam" runat="server" OnClientClick="return false;"
                                    ImageUrl="~/Images/group.png"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblAssignTeam" runat="server" Text="3. Assign Team" />
                            </div>
                            <div class="buttonTop" style="width: 50px">
                                <asp:ImageButton ID="btnActions" runat="server" OnClientClick="openSetTaskDetailsWin(null); return false;"
                                    ImageUrl="~/Images/spacer.png"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblSetDetails" runat="server" Text="4. Change Details" />
                            </div>
                            <div class="buttonTop" style="width: 50px">
                                <asp:ImageButton ID="btnOtherActions" runat="server" ImageUrl="~/Images/Actions.png"
                                    OnClientClick="ShowActionMenu(event);return false;"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblOtherAction" runat="server" Text="5. Other Actions" />
                            </div>
                            <div class="buttonTop" style="width: 50px">
                                <asp:ImageButton ID="btnGantt" runat="server" ImageUrl="~/Images/gantt.png" OnClientClick="CreateChart(); ExpandPane(1);">
                                </asp:ImageButton>
                                <br />
                                <asp:Label ID="lblGantt" runat="server" Text="6. Gantt Graphic" />
                            </div>
                            <div class="buttonTop" style="width: 50px">
                                <asp:ImageButton ID="btnAttachPortal" runat="server" ImageUrl="~/Images/AttachPortal.png"
                                    OnClick="btnAttachPortal_Click" OnClientClick="setEditModeValue();"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblAttachPortal" runat="server" Text="7. Attach Files/Links" />
                            </div>
                            <div class="buttonCenter">
                                <asp:Image ID="imgLoading" runat="server" alt="Loading" src="../../Images/btnLoading.gif"
                                    Style="display: none" />
                                <asp:ImageButton ID="btnApplyChanges" ImageUrl="~/Images/btnApplyChanges.jpg" OnClientClick="if(!ApplyChanges_Clicked()) return false;"
                                    OnClick="btnApplyChanges_Click" runat="server" />
                            </div>
                            <div class="buttonTopRight" style="width: 50px">
                                <asp:ImageButton ID="btnExportToExcel" runat="server" ImageUrl="~/Images/excel_big.png"
                                    OnClientClick="openExportGate(); SetFillGrid(); return false;"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblExportToExcel" runat="server" Text="Export with Gantt" />
                            </div>
                            <div class="buttonTopRight" style="width: 50px">
                                <asp:ImageButton ID="btnExportReport" runat="server" ImageUrl="~/Images/export_import icon.png"
                                    OnClientClick="openExportReport(); SetFillGrid(); return false;"></asp:ImageButton>
                                <br />
                                <asp:Label ID="lblExportReport" runat="server" Text="Export Task List" />
                            </div>
                            <div style="clear: both;">
                            </div>
                        </div>
                        <div runat="server" id="divGrid" class="container" style="width: 100%; overflow: auto;">
                            <rgv:RGridView ID="gvTasks" runat="server" AutoGenerateColumns="false" Style="padding: 10px"
                                Width="1000px" DataKeyNames="Id" BackColor="White" OnRowDataBound="gvTasks_RowDataBound"
                                OnRowCreated="gvTasks_RowCreated" AllowPaging="true" PageSize="41" OnPageIndexChanged="gvTasks_OnPageIndexChanged">
                                <HeaderStyle BackColor="#7DA5E0" Height="30px" ForeColor="Black" />
                                <RowStyle Height="35px" />
                                <Columns>
                                    <%--Column #1--%>
                                    <asp:TemplateField>
                                        <HeaderTemplate>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <asp:CheckBox ID="cbSelectAll" runat="server" Visible="false" />
                                            <asp:CheckBox ID="chkSelect" runat="server" />
                                            <div style="font-size: 10px; color: Black; font-weight: bold">
                                                <asp:LinkButton ID="btnClearFilter" runat="server" OnClientClick="setEditModeValue();"
                                                    OnClick="btnClearFilter_Click" Text="Clear Filter" ToolTip="Clear Filter" Visible="false"></asp:LinkButton>
                                                &#160;
                                            </div>
                                            <asp:Label ID="lblId" runat="server" Style="display: none;" Text='<% #DataBinder.Eval(Container.DataItem, "Id") %>' />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <%--Column #2--%>
                                    <asp:TemplateField HeaderStyle-Width="23px">
                                        <ItemTemplate>
                                            &nbsp;&nbsp;<img runat="server" id="imgEdit" style="cursor: pointer" src="../../Images/Edit.gif"
                                                alt="edit" />&nbsp;&nbsp;
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <%--Column #3--%>
                                    <asp:TemplateField HeaderText="&nbsp;&nbsp;# ♦&nbsp;&nbsp;" HeaderStyle-Width="20px">
                                        <ItemTemplate>
                                            &nbsp;&nbsp;<asp:Label ID="ctrCode" Width="30px" runat="server" Text=""></asp:Label>&nbsp;
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <%--Column #4--%>
                                    <asp:TemplateField HeaderText="&nbsp;&nbsp;Task Status&nbsp;&nbsp;" HeaderStyle-Width="80px">
                                        <ItemTemplate>
                                            &nbsp;<asp:DropDownList ID="ctrStatus" CssClass="dropDown" runat="server">
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ctrStatus_Filter" runat="server" CssClass="dropDown" AutoPostBack="true"
                                                OnSelectedIndexChanged="ddlGenericFilter_SelectedIndexChanged" onclick="SaveCurrentSelectedValue(this);"
                                                onchange="if(!IndexChanged(this)) return false;" Visible="false">
                                            </asp:DropDownList>
                                            &nbsp;&nbsp;
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    
                                </Columns>
                            </rgv:RGridView>
                            <table>
                                <tr>
                                    <td>
                                        <asp:TextBox ID="txtPageSize" runat="server" Width="25px" Height="21px" Style="vertical-align: top;"
                                            ToolTip="Max 100" MaxLength="3" onkeypress="return onlyNumbers();" ValidationGroup="PageSize" />
                                    </td>
                                    <td>
                                        <asp:ImageButton ID="imgPageSize" runat="server" ImageUrl="~/Images/setPageSize.png"
                                            ToolTip="Max 100" OnClientClick="DontSetPageSizeText();" OnClick="imgPageSize_Click"
                                            ValidationGroup="PageSize" />
                                    </td>
                                    <td>
                                        <asp:Label ID="lblMessage" runat="server" ForeColor="Red" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar>
                    <telerik:RadPane ID="contentPane" runat="server" Scrolling="Both" Collapsed="true"
                        OnClientBeforeExpand="LoadGantt" OnClientBeforeCollapse="HideGantt" Width="300px">
                        <div style="padding-top: 70px">
                            
                        </div>
                        
                    </telerik:RadPane>
                </telerik:RadSplitter>

Thanks
Shri


Vessy
Telerik team
 answered on 20 Feb 2014
1 answer
109 views
Afternoon All,

Apologies if this is the incorrect forum, I am using several of the telerik controls to put this into 1 particular forum and since I think its the Ajax panel causing the issue this was the best option.

I open a RadWindow and there is a white line at the bottom. (Screen3.png). If I cause a partial postback, i.e add a record and cancel, then the height auto-corrects itself (Screen4.png)

If I increase the height of my radmultipage then the white line disappears, but then when I cause a partial postback, the height "auto-corrects" and page disappears off the bottom. (Screen5.png)

I have tried alsorts to correct it and I am slowly losing the will to live, any help would be greatly appreciated.

Regards, Paul.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StudyDetail.aspx.cs" Inherits="TargIT.DiloITControls.StudyDetail" %>
 
<!DOCTYPE html>
 
<head runat="server">
    <title>View Study</title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
        <StyleSheets>
            <telerik:StyleSheetReference Path="~/Stylesheets/Site.css" />
            <telerik:StyleSheetReference Path="~/Stylesheets/Typography.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Black.Editor.Black.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Black.Window.Black.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Sunset.Editor.Sunset.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Sunset.Window.Sunset.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Telerik.Editor.Telerik.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Telerik.Window.Telerik.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Windows7.Editor.Windows7.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Windows7.Window.Windows7.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.WebBlue.Editor.WebBlue.css" />
            <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.WebBlue.Window.WebBlue.css" />
        </StyleSheets>
    </telerik:RadStyleSheetManager>
    <script type="text/javascript">
        function GetRadWindow() {
            var oWindow = null;
            if (window.radWindow)
                oWindow = window.radWindow;
 
            else if (window.frameElement.radWindow)
                oWindow = window.frameElement.radWindow;
            return oWindow;
        }
        function DeleteClose(args) {
            var oWnd = GetRadWindow();
            oWnd.BrowserWindow.deleteStudy(args);
            oWnd.close();
        }
        function Close() {
            GetRadWindow().Close();
        }
        function PopUpCentered(sender, eventArgs) {
            var popUp = eventArgs.get_popUp();
            var popUpPopUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));
            var popUpPopUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));
            var windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight);
            var windowWidth = document.body.offsetWidth;
 
            if (popUpPopUpHeight == "") popUpPopUpHeight = 300;
            popUp.style.position = "fixed";
            popUp.style.left = (Math.floor((windowWidth - popUpPopUpWidth) / 2)).toString() + "px";
            popUp.style.top = (Math.floor((windowHeight - popUpPopUpHeight) / 2)).toString() + "px";
        }
        function RowDblClick(sender, eventArgs) {
            editedRow = eventArgs.get_itemIndexHierarchical();
            sender.get_masterTableView().editItem(editedRow);
        }
 
        var clickCalledAfterRadconfirm = false;
        var lastClickedItem = null;
        function OnClientItemClickingHandler(sender, eventArgs) {
            var item = eventArgs.get_item();
            if (item.get_value() == "DeleteStudy") {
                if (!clickCalledAfterRadconfirm) {
                    eventArgs.set_cancel(true);
                    lastClickedItem = eventArgs.get_item();
                    radconfirm("Are you sure you want to delete this study?", confirmCallbackFunction, 330, 100, null, "Confirm Delete");
                }
            }
            else if (item.get_value().indexOf("Export") != -1) {
                IsExport = true;
            }
        }
        function confirmCallbackFunction(args) {
            if (args) {
                clickCalledAfterRadconfirm = true;
                lastClickedItem.click();
            }
            else
                clickCalledAfterRadconfirm = false;
 
            lastClickedItem = null;
        }
 
        var IsExport = false;
        function OnRequestStart(sender, args) {
            if (IsExport == true) {
                IsExport = false;
                args.set_enableAjax(false);
            }
        }
    </script>
    <style type="text/css">
        html, body, form {
            padding: 0;
            margin: 0;
            height: 100%;
        }
    </style>
</head>
<body style="background-color: white;">
    <form runat="server" id="form1">
        <telerik:RadScriptManager ID="rsmManager" runat="server"></telerik:RadScriptManager>
        <telerik:RadSkinManager ID="rsmSkin" runat="server"></telerik:RadSkinManager>
        <telerik:RadAjaxPanel ID="rapDiloDetails" runat="server" Height="100%" ClientEvents-OnRequestStart="OnRequestStart">
            <telerik:RadNotification ID="rnTargIT" runat="server" EnableRoundedCorners="true" EnableShadow="true"
                ShowCloseButton="false" Position="Center">
            </telerik:RadNotification>
            <telerik:RadToolBar ID="rtbPOs" runat="server" Width="100%" Height="3%">
                <Items>
                    <telerik:RadToolBarButton Width="100%">
                        <ItemTemplate>
                            <telerik:RadMenu ID="rmStudy" runat="server" Width="100%" OnItemClick="rmStudy_ItemClick" OnClientItemClicking="OnClientItemClickingHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EnableSelection="false" Style="z-index: 2000;" ShowToggleHandle="true">
                                <Items>
                                    <telerik:RadMenuItem Text="Tools & Options" ImageUrl="../Images/button_settings.png" Width="130px">
                                        <Items>
                                            <telerik:RadMenuItem Text="Add New" ImageUrl="../Images/button_add.png" Value="Add">
                                                <Items>
                                                    <telerik:RadMenuItem Text="Add DILO" ImageUrl="../Images/button_add.png" Value="AddDILO"></telerik:RadMenuItem>
                                                    <telerik:RadMenuItem Text="Add Comment" ImageUrl="../Images/button_add.png" Value="AddComment"></telerik:RadMenuItem>
                                                </Items>
                                            </telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Refresh" ImageUrl="../Images/button_reload.png" Value="Refresh"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Edit" ImageUrl="../Images/button_edit.png" Value="EditStudy"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Delete" ImageUrl="../Images/button_delete.png" Value="DeleteStudy"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem IsSeparator="true"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Close" ImageUrl="../Images/button_cancel.png" Value="CloseWindow"></telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Export" ImageUrl="../Images/button_export_excel.png" Width="130px">
                                        <Items>
                                            <telerik:RadMenuItem Text="DILOs" ImageUrl="../Images/button_export_csv.png">
                                                <Items>
                                                    <telerik:RadMenuItem Text="Export to CSV" ImageUrl="../Images/button_export_csv.png" Value="DI_ExportCSV"></telerik:RadMenuItem>
                                                    <telerik:RadMenuItem Text="Export to Excel" ImageUrl="../Images/button_export_excel.png" Value="DI_ExportExcel"></telerik:RadMenuItem>
                                                    <telerik:RadMenuItem Text="Export to PDF" ImageUrl="../Images/button_export_pdf.png" Value="DI_ExportPDF"></telerik:RadMenuItem>
                                                    <telerik:RadMenuItem Text="Export to Word" ImageUrl="../Images/button_export_word.png" Value="DI_ExportWord"></telerik:RadMenuItem>
                                                </Items>
                                            </telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="More Info" ImageUrl="../Images/button_information.png" Value="StudyInfo" Width="130px"></telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Layout" ImageUrl="../Images/button_view.png" Value="Layout" Width="130px">
                                        <Items>
                                            <telerik:RadMenuItem Text="Save Layout" ImageUrl="../Images/button_save.png" Value="SaveGrid"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Reset Layout" ImageUrl="../Images/button_reload.png" Value="ResetGrid"></telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenu>
                        </ItemTemplate>
                    </telerik:RadToolBarButton>
                </Items>
            </telerik:RadToolBar>
            <div class="clsSummary">
                <table style="width: 99%;">
                    <tr>
                        <td style="width: 20%;"><span class="clsInfoLabel">Description:</span>
                            <asp:Label ID="lblDescription" runat="server"></asp:Label>
                        </td>
                        <td style="width: 20%;"></td>
                        <td style="width: 20%;"></td>
                        <td style="width: 20%;"></td>
                        <td style="width: 20%;"><span class="clsInfoLabel">Go To:</span>
                            <telerik:RadComboBox ID="rcbStudyID" runat="server" ExpandAnimation-Type="None" Sort="Ascending"
                                CollapseAnimation-Type="None" DropDownAutoWidth="Enabled" MarkFirstMatch="true" Filter="Contains"
                                AutoPostBack="true" OnSelectedIndexChanged="rcbStudyID_SelectedIndexChanged">
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                </table>
            </div>
            <telerik:RadTabStrip ID="rtsStudy" runat="server" MultiPageID="rmpStudy" Width="100%" BackColor="#3A4A81" SelectedIndex="0">
                <Tabs>
                    <telerik:RadTab runat="server" Text="DILOs" PageViewID="pvDILOs">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Documents" PageViewID="pvDocuments">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Comments" PageViewID="pvComments">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="rmpStudy" runat="server" SelectedIndex="0" Height="85%">
                <telerik:RadPageView ID="pvDILOs" runat="server" Height="100%">
                    <telerik:RadGrid ID="rgDILOs" runat="server" OnNeedDataSource="rgDILOs_NeedDataSource"
                        OnItemCreated="rgDILOs_ItemCreated" OnItemEvent="rgDILOs_ItemEvent"
                        OnInsertCommand="rgDILOs_InsertCommand" OnUpdateCommand="rgDILOs_UpdateCommand"
                        OnDeleteCommand="rgDILOs_DeleteCommand"
                        AllowFilteringByColumn="true" AllowPaging="true" AllowSorting="true" EnableHeaderContextMenu="true"
                        EnableGroupsExpandAll="true" Height="100%" PageSize="50" ShowFooter="true" EnableHeaderContextFilterMenu="true"
                        EnableHeaderContextAggregatesMenu="true">
                        <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                            <ClientEvents OnPopUpShowing="PopUpCentered" OnRowDblClick="RowDblClick" />
                            <Selecting AllowRowSelect="true" />
                            <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="95%" />
                            <Resizing AllowColumnResize="true" />
                        </ClientSettings>
                        <ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true" FileName="DILOs Export" />
                        <GroupingSettings CaseSensitive="false" />
                        <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" DataKeyNames="diloid" EditMode="PopUp"
                            GroupLoadMode="Client" NoMasterRecordsText="There are currently no DILOs associated with this study."
                            OverrideDataSourceControlSorting="true" ShowGroupFooter="true" RetainExpandStateOnRebind="true">
                            <Columns>
                                <telerik:GridBoundColumn DataField="dilorefno" HeaderText="DILO Ref #"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="businesssectorname" HeaderText="Site"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String" Display="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="areaname" HeaderText="Area"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String" Display="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="disciplinename" HeaderText="Discipline"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String" Display="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="workingpattern" HeaderText="Working Pattern"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String" Display="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="weather" HeaderText="Weather"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String" Display="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="fullname" HeaderText="Observer"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.String">
                                </telerik:GridBoundColumn>
                                <telerik:GridDateTimeColumn DataField="dilodate" HeaderText="Date"
                                    FilterControlWidth="75%" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.DateTime" DataFormatString="{0:d}">
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridDateTimeColumn>
                                <telerik:GridBoundColumn DataField="vaepercent" HeaderText="VAE"
                                    FilterControlWidth="30px" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="true"
                                    DataType="System.Decimal" DataFormatString="{0}%">
                                    <HeaderStyle Width="70px" />
                                    <ItemStyle HorizontalAlign="Right" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="vapercent" HeaderText="VA"
                                    FilterControlWidth="30px" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.Decimal" DataFormatString="{0}%">
                                    <HeaderStyle Width="70px" />
                                    <ItemStyle HorizontalAlign="Right" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="nvaipercent" HeaderText="NVA-I"
                                    FilterControlWidth="30px" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.Decimal" DataFormatString="{0}%">
                                    <HeaderStyle Width="70px" />
                                    <ItemStyle HorizontalAlign="Right" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="nvanipercent" HeaderText="NVA-NI"
                                    FilterControlWidth="30px" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true"
                                    DataType="System.Decimal" DataFormatString="{0}%">
                                    <HeaderStyle Width="70px" />
                                    <ItemStyle HorizontalAlign="Right" />
                                </telerik:GridBoundColumn>
                                <telerik:GridEditCommandColumn ButtonType="ImageButton" Exportable="false" EditImageUrl="~/Images/button_edit.png">
                                    <HeaderStyle Width="30px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridEditCommandColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ImageUrl="~/Images/button_delete.png"
                                    Text="Delete" ConfirmText="Are you sure you want to delete this DILO?" Exportable="false">
                                    <HeaderStyle Width="30px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                            </Columns>
                            <EditFormSettings UserControlName="gridDILOEditControl.ascx" EditFormType="WebUserControl"
                                CaptionFormatString="Edit" InsertCaption="Add">
                                <PopUpSettings Modal="True" Height="490px" Width="900px" ScrollBars="Auto"></PopUpSettings>
                            </EditFormSettings>
                        </MasterTableView>
                        <HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Top" />
                        <FilterItemStyle HorizontalAlign="Center" />
                        <PagerStyle AlwaysVisible="True" />
                        <FooterStyle HorizontalAlign="Right" />
                    </telerik:RadGrid>
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="pvDocuments" Height="100%" BackColor="White">
                    <div style="background-color: white;">
                        <telerik:RadFileExplorer ID="rfeDocuments" runat="server" Width="99.9%" Height="542.5px"
                            DisplayUpFolderItem="true" EnableFilterTextBox="true" FilterTextBoxLabel="Search">
                            <Configuration EnableAsyncUpload="false" MaxUploadFileSize="104857600" />
                        </telerik:RadFileExplorer>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="pvComments" Height="100%" BackColor="White">
                    <telerik:RadGrid ID="rgComments" runat="server" OnNeedDataSource="rgComments_NeedDataSource"
                        OnItemCreated="rgComments_ItemCreated" OnItemEvent="rgComments_ItemEvent"
                        OnInsertCommand="rgComments_InsertCommand" OnUpdateCommand="rgComments_UpdateCommand"
                        OnDeleteCommand="rgComments_DeleteCommand"
                        AllowFilteringByColumn="true" AllowPaging="true" AllowSorting="true"
                        EnableGroupsExpandAll="true" Height="100%" PageSize="50">
                        <GroupingSettings CaseSensitive="false" />
                        <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">
                            <ClientEvents OnPopUpShowing="PopUpCentered" OnRowDblClick="RowDblClick" />
                            <Selecting AllowRowSelect="True" />
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="95%" />
                        </ClientSettings>
                        <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" DataKeyNames="commentid"
                            EditMode="PopUp" NoMasterRecordsText="There are currently no comments assosciated with this purchase order."
                            OverrideDataSourceControlSorting="true" GroupLoadMode="Client" RetainExpandStateOnRebind="true">
                            <Columns>
                                <telerik:GridBoundColumn DataField="comment" FilterControlWidth="75%"
                                    HeaderText="Comment" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" DataType="System.String">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="addedby" FilterControlWidth="75%"
                                    HeaderText="Added By" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" DataType="System.String">
                                    <HeaderStyle Width="125px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridDateTimeColumn DataField="dateadded" FilterControlWidth="75%" DataType="System.DateTime"
                                    HeaderText="Date Added" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" DataFormatString="{0:d}">
                                    <HeaderStyle Width="125px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridDateTimeColumn>
                                <telerik:GridEditCommandColumn ButtonType="ImageButton" Exportable="false" EditImageUrl="~/Images/button_edit.png">
                                    <HeaderStyle Width="30px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridEditCommandColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"
                                    ConfirmText="Are you sure you want to delete this item?" Exportable="false"
                                    ImageUrl="~/Images/button_delete.png" Text="Delete">
                                    <HeaderStyle Width="30px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                            </Columns>
                            <EditFormSettings UserControlName="~/ChangeITControls/gridCommentsEditControl.ascx" EditFormType="WebUserControl"
                                InsertCaption="Add" CaptionFormatString="Edit">
                                <PopUpSettings Modal="true" Height="188px" Width="400px" ScrollBars="Auto" />
                            </EditFormSettings>
                        </MasterTableView>
                        <HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Top" />
                        <FilterItemStyle HorizontalAlign="Center" />
                        <PagerStyle AlwaysVisible="True" />
                        <FooterStyle HorizontalAlign="Right" />
                    </telerik:RadGrid>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
            <telerik:RadWindowManager ID="rwmStudyInfo" runat="server" KeepInScreenBounds="true" EnableViewState="false">
                <Windows>
                    <telerik:RadWindow runat="server" ID="rwInfo" Behaviors="Close,Maximize,Move,Resize,Reload" Title="More Info"
                        Modal="true" Width="800px" Height="600px" VisibleStatusbar="false" IconUrl="~/Images/button_information.png">
                    </telerik:RadWindow>
                    <telerik:RadWindow runat="server" ID="rwEditStudy" Behaviors="Close,Maximize,Move,Resize,Reload" Title="Edit"
                        Modal="true" Width="800px" Height="420px" VisibleStatusbar="false" IconUrl="~/Images/button_edit.png">
                    </telerik:RadWindow>
                </Windows>
            </telerik:RadWindowManager>
        </telerik:RadAjaxPanel>
    </form>
</body>
</html>
Maria Ilieva
Telerik team
 answered on 20 Feb 2014
1 answer
119 views
I am trying to migrate from radchart to the new htmlchart, however there seems to be a major difference in  how the databinding works in the htmlchart. With Radchart I am currently building a graph using a datasource like this:
Vendor    Subcategory   Value
xxx          Sub1               100
yyy          Sub1                200
zzz          Sub1                150
xxx          Sub2               100
yyy          Sub2                200
zzz          Sub2                150

I use this code to bind to the datasource

this.RadChartEvalSubcategory.Clear();
this.RadChartEvalSubcategory.DataGroupColumn = "Subcategory";
this.RadChartEvalSubcategory.PlotArea.XAxis.DataLabelsColumn = "Vendor";
this.RadChartEvalSubcategory.Legend.Appearance.GroupNameFormat = "#VALUE";
this.RadChartEvalSubcategory.DataSource = GetEvaluationSubCategoryScores();
this.RadChartEvalSubcategory.DataBind();

The chart is generated with the Vendors on the x-axis, a bar (Series) for each SubCategory and the values on the y-axis. Works perfectly.

I am now trying to do the same in htmlchart, and it does not seem to be possible to implement in the same way. Cannot find any examples or information on how to do such a simple binding task as was possible before. Would be disappointing if this is not supported anymore.

Is there any way to do the databinding in the same way as it was possible in RadChart?


 
Danail Vasilev
Telerik team
 answered on 20 Feb 2014
3 answers
111 views
Hi. How could we hide/show tool of editor as you do at forum new thread page.
Thank you.
Cuneyt
Top achievements
Rank 1
 answered on 20 Feb 2014
1 answer
62 views
Hello,

I'm using RadHtmlChart with "https" protocol and it gives an error saying "This page contains both secure and nonsecure items" on IE 7. What may cause this issue? I've attached a snap with the mentioned.

Thanks and Regards,
Yohan
Danail Vasilev
Telerik team
 answered on 20 Feb 2014
1 answer
96 views
Hi
is there a way to sort unbound columns?
Princy
Top achievements
Rank 2
 answered on 20 Feb 2014
1 answer
854 views
Hi, how to save the scroll position on a postback. ? When scrolling down the radgrid and trying to edit the radgrid is scrolled back to top.
Princy
Top achievements
Rank 2
 answered on 20 Feb 2014
1 answer
153 views
Can somebody explain to me why the width of any RadNumericTextbox or RadTextbox will appear to change when the page is rendering? It initially appears that the widths are completely off then just before rendering finishes, they resize to the proper width.

I ask this because I am placing some generic RequiredFieldValidators beside these textboxes on my form and there is an unnecessary margin on the right side of each. If I set EnableSingleInputRendering = "False", the issue is resolved and there is only about a 5px padding vs. the nearly 30px margin otherwise. I'd prefer to understand what is actually different instead of just changing ever textbox on my form to turn Single Input Rendering off.

I really don't like the experience of the widths changing at the last millisecond of rendering and I don't see any use for that additional space.
Venelin
Telerik team
 answered on 20 Feb 2014
1 answer
78 views
I would like to preview some information on a tooltip what the next pages contains in a RadGrid.  For example, on page 1 in the Radgrid - I  have data that displays FA numbers 1-20.  When the user hovers over page 2, I would like a tooltip to display "FA numbers 21-40".  Then on page 3 "FA numbers 41-60", etc.

I've read some thread using the following demo, but it would be really helpful with a sample project showing this solution.  
http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipversustooltipmanager/defaultcs.aspx

Can someone please help?

Thanks in advance.

Jayesh Goyani
Top achievements
Rank 2
 answered on 20 Feb 2014
18 answers
455 views
Just an observation.  I have been waiting for over 2 hours for the Control Panel to finish installing product updates and it is 50% completed.  The download finished in a few minutes but for some reason the install is RIDICULOUSLY slow.  You guys may want to have a look at the Control Panel application and make sure it is working the best way possible.  2 hours for 50% of the product updates is really not very good.
Missing User
 answered on 20 Feb 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?