Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
210 views
Is it possible to close the light box, when the active image is clicked?

And if so, how would I do that?

regards Kim Hjort
Shinu
Top achievements
Rank 2
 answered on 21 Feb 2014
0 answers
31 views
I have a rad editor on an aspx page.  <telerik:RadEditor ID="txtarFeedback" runat="server" CssClass="textareaRTE" EditModes="Design" Width="631px" Height="118px" StripFormattingOnPaste="MSWord" StripFormattingOptions="MSWord" AllowScripts="false" ContentFilters="RemoveScripts" >

but when I put in <script>alert("hello");</script> it is still in both the Content and in Text when it is submitted to the server.
Admitted Content it is much more harmless but shouldn't it be removing the whole thing from content?
Chrys
Top achievements
Rank 1
 asked on 20 Feb 2014
8 answers
154 views
Is there any way to avoid that the windows content becomes white (E.J: radwindow manager example on teleriks page),  when you have more than one window on the screen and you move it from it's original position while you are moving it?
New Roc web-development
Top achievements
Rank 1
 answered on 20 Feb 2014
4 answers
385 views
Hello
I am trying to grab the SelectedValue of a RadComboBox unsuccessfully on button click.

protected void smsBtn_Click(System.Object sender, System.EventArgs e)
{
        MyClass MC= new MyClass (_FID, emTxBx.Text);
{
if (!MC.IsError)
{

string _carrier = carrierRcb.SelectedValue;

MC.SMSMessage(_FID, _carrier, cellTxBx.Text);

statusLbl.ForeColor = System.Drawing.Color.Red;
statusLbl.Text = "Your Code Key has been sent.";
statusPnl.Visible = true;
}
else
{
statusLbl.ForeColor = System.Drawing.Color.Red;
statusLbl.Text = "There was an error sending your request.";
statusPnl.Visible = true;
}
}

}


Seems like a simple thing to do. Am I missing something here?
ADAPT
Top achievements
Rank 2
 answered on 20 Feb 2014
0 answers
42 views
Hi, 

How can i access to parameters in server side in Telerik Reporting?

Thanks, Bruno F.
Bruno
Top achievements
Rank 1
 asked on 20 Feb 2014
3 answers
165 views
I am developing the RadFileExplorer Custom Provider in order to show network files. My problem is that tree view on the left side is refreshing but on the right panel folders are not updating. I can see only the main root folders but not inside in that.

Kindly Help
Vessy
Telerik team
 answered on 20 Feb 2014
4 answers
178 views
        The root is loading fine but I get just the last child item
Can anyone help me, please

         public void Page_Init(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                // Do something resource-intensive that you only want to do on GETs
                DataTable dtMenu = SplendidCache.TabMenu();                // Hide the tab menu if there is no menu to display.
                // This should only occur during login.
                if (dtMenu.Rows.Count == 0)
                {
                    this.Visible = false;
                    return;
                }
                for (int nRow = 0, nDisplayedTabs = 0; nRow < dtMenu.Rows.Count; nRow++)
                {
                    DataRow row = dtMenu.Rows[nRow];
                    string strModuleName = Sql.ToString(row["MODULE_NAME"]);
                    string strRelativePath = Sql.ToString(row["RELATIVE_PATH"]);
                    string strDisplayName = Server.HtmlEncode(L10n.Term(Sql.ToString(row["DISPLAY_NAME"])));                    RadMenuItem child = new RadMenuItem();
                    child.Text = strDisplayName;
                    child.Value = strModuleName;
                    child.NavigateUrl = strRelativePath;                    SMGMenu.Items.Add(child);                    if (!String.IsNullOrEmpty(strModuleName))
                    {
                        ChildMenu(strModuleName, child);
                    }
                }
                SMGMenu.DataBind();
            }
        }        public void ChildMenu(string parent, RadMenuItem menuItem)
        {
            DataTable dtShortcuts = SplendidCache.Shortcuts(parent);
            RadMenuItem subChild = new RadMenuItem();            string strSubRelatedPath = String.Empty;
            string strSubDisplayName = String.Empty;
            string strSubModuleName = String.Empty;            if (dtShortcuts.Rows.Count > 0)
            {
                foreach (DataRow rowShortcuts in dtShortcuts.Rows)
                {
                    strSubRelatedPath = Sql.ToString(rowShortcuts["RELATIVE_PATH"]);
                    strSubDisplayName = Server.HtmlEncode(L10n.Term(Sql.ToString(rowShortcuts["DISPLAY_NAME"])));
                    strSubModuleName = Sql.ToString(rowShortcuts["MODULE_NAME"]);                    subChild.Text = strSubDisplayName;
                    subChild.Value = strSubModuleName;
                    subChild.NavigateUrl = strSubRelatedPath;                    if ((!String.IsNullOrEmpty(parent)) && (!String.IsNullOrEmpty(strSubModuleName)))
                    {
                        if (parent.ToLower() != strSubModuleName.ToLower())
                        {
                            ChildMenu(strSubModuleName, subChild);
                        }
                    }
                    menuItem.Items.Add(subChild);
                }
                SMGMenu.Items.Add(menuItem);
            }
        }
Boyan Dimitrov
Telerik team
 answered on 20 Feb 2014
3 answers
111 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
93 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
89 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?