Questions on UI for ASP.NET AJAX Forum

1 answer

183 views

Hi,

I have a page containing a donut chart. All the design has been made for 2 different screen resolution (1366x768 and 1920x1080).

I'd like to reduce the margin of the chart svg that is rendered.

I found how to do it on the control parameter

<telerik:RadHtmlChart runat="server" ID="DonutResults" Transitions="true" Skin="Material" CssClass="donut-chart">
    <ClientEvents OnLoad="chartLoad" />
        <PlotArea>
            <Appearance>
                <TextStyle Margin="-60 -150 -30 -150" />
            </Appearance>
        </PlotArea>
</telerik:RadHtmlChart>

And from server-side

DonutResults.PlotArea.Appearance.TextStyle.Margin = "-60 -150 -30 -150";

but I'd like to do it dynamically.

I have already tried several things with no result.

function setChartPadding() {
    var chartHTML = $find("<%=DonutResults.ClientID%>");
    var chart = chartHTML.get_kendoWidget();
    var plotArea = chart.plotArea();
    if (window.outerHeight <= 768) {
        // resize for "small screen"
    }
    else {
        // first method 
        //plotArea._plotArea.box.x1 = -145;
        //plotArea._plotArea.box.y1 = -55;
        //plotArea._plotArea.box.x2 = 515;
        //plotArea._plotArea.box.y2 = 395;
      
       // second method
        chartHTML.get_kendoWidget({
            plotArea: {
                margin: {
                    top: -60,
                    right: -150,
                    bottom: -30,
                    left: -150
                }
            }
        });
        chartHTML.repaint();
    }
}

Any suggestions?

PS: here is how I populate the chart

DonutSeries _serie = new DonutSeries();
_serie.Name = "Results";
_serie.StartAngle = 360;
_serie.HoleSize = 100;
_serie.LabelsAppearance.Visible = false;
_serie.TooltipsAppearance.Visible = false;
_serie.HighlightAppearance.Visible = false;
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Diet, System.Drawing.Color.FromArgb(103, 185, 176)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Trip, System.Drawing.Color.FromArgb(33, 156, 220)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Home, System.Drawing.Color.FromArgb(00, 68, 138)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)Lifestyle, System.Drawing.Color.FromArgb(229, 83, 26)));
_serie.SeriesItems.Add(new PieSeriesItem((decimal)PublicService, System.Drawing.Color.FromArgb(206, 20, 49)));
DonutResults.PlotArea.Series.Add(_serie);

Chart (HTML5)

answered on 16 May 2022

1 answer

172 views

using radtabstrip and multipage with ajaxmanager

Here is the code with radtabstrip and multipage. Simple search and advanced search tabs, when i clicked the advanced search tab, the simple search page is shown. Please help me to fix this issue ASAP.

Thank you,

Shan.

<%@ Register TagPrefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" %>
<%@ Register TagPrefix="Telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<Telerik:RadCodeBlock runat="server">

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

function ResetControls() {

var textElemIds = ['<%= txtFirstName.ClientID %>', '<%= txtLastName.ClientID %>', '<%= txtUserName.ClientID %>',
'<%= txtProviderID.ClientID %>', '<%= txtTradingPartnerID.ClientID %>'];

for (var i = textElemIds.length; i--; ) {
var elem = $find(textElemIds[i]);
if (elem) {
elem.set_value("");
elem.enable();
}
}

var ddl1 = $find('<%= ddlStatus.ClientID %>'),
ddl2 = $find('<%= ddlTradingPartnerType.ClientID %>'),
startDate = $find('<%= dpStartDate.ClientID %>'),
endDate = $find('<%= dpEndDate.ClientID %>');

startDate.clear();
endDate.clear();
ddl1.clearSelection();
ddl2.clearSelection();
}

function toggleSearchMode(sender, eventArgs) {
var isSimpleSearch = (sender.get_selectedIndex() == 0);
$get("TP_SimpleSearchButton").style.display = isSimpleSearch ? "inline" : "none";
$get("TP_AdvancedSearchButton").style.display = isSimpleSearch ? "none" : "inline";
}

/

</script>

</Telerik:RadCodeBlock>

<Telerik:RadAjaxManagerProxy ID="ram" runat="server">
<AjaxSettings>
<Telerik:AjaxSetting AjaxControlID="searchWrapper">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" LoadingPanelID="alp" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" />
<Telerik:AjaxUpdatedControl ControlID="SearchAgainContainer" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="SearchAgainContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="searchWrapper" />
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>
<Telerik:AjaxSetting AjaxControlID="editWindowContainer">
<UpdatedControls>
<Telerik:AjaxUpdatedControl ControlID="editWindowContainer" LoadingPanelID="alp" />
</UpdatedControls>
</Telerik:AjaxSetting>

</AjaxSettings>
</Telerik:RadAjaxManagerProxy>

<Telerik:RadAjaxLoadingPanel OnClientShowing="loadingPanelShowing" OnClientHiding="loadingPanelHiding"
CssClass="ralpSearchUsers" EnableEmbeddedSkins="true" Skin="Vista" runat="server"
ID="alp" ZIndex="300000">
</Telerik:RadAjaxLoadingPanel>

<div runat="server" id="searchWrapper" class="TP_AdminSearch">

<Telerik:RadTabStrip ID="rtsAdminSearch" runat="server"
MultiPageID="rmpAdminSearch" Align="Left" SelectedIndex="0" CausesValidation="false" OnClientTabSelected="toggleSearchMode" >
<Tabs>
<Telerik:RadTab PageViewID="rpvSimpleSearch" Text="Simple Search">
</Telerik:RadTab>
<Telerik:RadTab PageViewID="rpvAdvancedSearch" Text="Advanced Search">
</Telerik:RadTab>
</Tabs>
</Telerik:RadTabStrip>

<asp:Panel runat="server" ID="searchPanel" CssClass="TP_AdminSearchPanel">
<table cellpadding="0" cellspacing="0" class="TP_AdminSearchTable" summary="Search Panel">
<tr>
<td>
<Telerik:RadMultiPage ID="rmpAdminSearch" runat="server" SelectedIndex="0" CssClass="TP_MultiPage">

<Telerik:RadPageView ID="rpvSimpleSearch" runat="server">
<asp:Panel runat="server" DefaultButton="btnSimpleSearch" >
<table class="TP_EditTable TP_SimpleSearchTable" cellpadding="0" cellspacing="0" summary="Simple Search">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblUserName" class="TP_LabelText" runat="server" Text="User Name" AssociatedControlID="txtUserName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtUserName" runat="server" Width="125px" ToolTip="Please enter User Name"
OnBlur="javascript:GradeoutControls(this);" OnKeyUp="javascript:GradeoutControls(this);">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPID" runat="server" class="TP_LabelText" Text="Trading Partner ID" AssociatedControlID="txtTradingPartnerID"></asp:Label>

</td>
  </tr>
<tr>
<td colspan="4" align="center">
<asp:RegularExpressionValidator Display="Dynamic" ID="revTradingPartnerID" runat="server"
ValidationGroup="SimpleSearchUsers" ControlToValidate="txtTradingPartnerID" CssClass="TP_Validator TP_ValidatorBlock"
SetFocusOnError="true" ErrorMessage="Please enter a valid Trading Partner ID.">
</asp:RegularExpressionValidator>
</td>
</tr>
</table>
</asp:Panel>
</Telerik:RadPageView>

<Telerik:RadPageView ID="rpvAdvancedSearch" runat="server" >
<asp:Panel runat="server" DefaultButton="btnAdvancedSearch">
<table class="TP_EditTable TP_AdvancedSearchTable" cellpadding="0" cellspacing="0" style="margin: 0px auto" summary="Advanced Search Table">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStatus" runat="server" class="TP_LabelText" Text="Status" AssociatedControlID="ddlStatus"></asp:Label>
</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlStatus" runat="server" Width="125px" ToolTip="Please select Status">
</Telerik:RadComboBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTPType" runat="server" class="TP_LabelText" Text="Trading Partner Type" AssociatedControlID="ddlTradingPartnerType"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadComboBox ID="ddlTradingPartnerType" runat="server" Width="125px" ToolTip="Please Select Trading Partner Type">
</Telerik:RadComboBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblFirstName" runat="server" class="TP_LabelText" Text="First Name" AssociatedControlID="txtFirstName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtFirstName" runat="server"
Width="125px" ToolTip="Please enter First Name ">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblLastName" runat="server" class="TP_LabelText" Text="Last Name" AssociatedControlID="txtLastName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtLastName" runat="server" Width="125px" ToolTip="Please enter Last Name ">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblStartDate" runat="server" class="TP_LabelText" Text="Registration Start Date" AssociatedControlID="dpStartDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpStartDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration Start Date">
<DateInput ID="dtStartDate" ToolTip="Enter Registration Start Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" HeaderStyle-HorizontalAlign="Center" ID="calStartDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintStartDate" CssClass="TP_HintText TP_DateFormatHint" runat="server"
Text="MM/DD/YYYY"></asp:Label>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblEndDate" runat="server" class="TP_LabelText" Text="Registration End Date" AssociatedControlID="dpEndDate"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadDatePicker runat="server" ID="dpEndDate" Width="151px"
InputMode="DatePicker" ToolTip="Enter Registration End Date">
<DateInput ID="dtEndDate" ToolTip="Enter Registration End Date" runat="server" DateFormat="MM/dd/yyyy" ClientEvents-OnError="OnRadDatePickerError" ValidationGroup="AdvancedSearchUsers" />
<Calendar ShowRowHeaders="false" ID="calEndDate"
runat="server" EnableKeyboardNavigation="true" />
</Telerik:RadDatePicker>
<asp:Label ID="lblHintEndDate" runat="server" CssClass="TP_HintText TP_DateFormatHint"
Text="MM/DD/YYYY"></asp:Label>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblProviderID" runat="server" class="TP_LabelText" Text="Provider ID" AssociatedControlID="txtProviderID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtProviderID" runat="server"
Width="125px" ToolTip="Please enter Provider ID">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls1">
<td class="TP_LabelTextTd">
<asp:Label ID="lblTaxID" runat="server" class="TP_LabelText" Text="Tax ID" AssociatedControlID="txtTaxID"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTaxID" runat="server" Width="125px" ToolTip="Please enter Tax ID">
</Telerik:RadTextBox>
</td>
</asp:PlaceHolder>
</tr>
<asp:PlaceHolder runat="server" ID="tradingPartnerSearchControls2">
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblCompanyName" runat="server" class="TP_LabelText" Text="Company Name" AssociatedControlID="txtCompanyName"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtCompanyName" runat="server"
Width="125px" ToolTip="Please enter Company Name">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">
<asp:Label ID="lblZip" runat="server" class="TP_LabelText" Text="ZIP code" AssociatedControlID="txtZipCode"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtZipCode" runat="server" Width="125px" ToolTip="Please enter ZIP code">
</Telerik:RadTextBox>
</td>
</tr>
<tr>
<td class="TP_LabelTextTd">
<asp:Label ID="lblTelephone" runat="server" class="TP_LabelText" Text="Telephone" AssociatedControlID="txtTelephone"></asp:Label>

</td>
<td class="TP_EditTextTd">
<Telerik:RadTextBox ID="txtTelephone" runat="server"
Width="125px" ToolTip="Please enter Telephone Number">
</Telerik:RadTextBox>
</td>
<td class="TP_SeparatorTd">
</td>
<td class="TP_LabelTextTd">

</td>
<td class="TP_EditTextTd">

</td>
</tr>
</asp:PlaceHolder>
<tr>
<td colspan="5" align="center" style="text-align:center">
<asp:CustomValidator ID="cvValidDate" runat="server" ErrorMessage="Invalid Date format." CssClass="TP_Validator"
ClientValidationFunction="ValidateRadDatePickers" Display="Dynamic" ValidationGroup="AdvancedSearchUsers">
</asp:CustomValidator>
<asp:CompareValidator Display="Dynamic" ID="cvRegistrationDate" runat="server" ValidationGroup="AdvancedSearchUsers"
ControlToValidate="dpEndDate" ControlToCompare="dpStartDate" Operator="GreaterThan"
CssClass="TP_Validator" SetFocusOnError="true" Type="Date" ErrorMessage="Registration End Date must be greater than Registration Start Date.<br />">
</asp:CompareValidator>
</td>
</tr>
</table>
<script type="text/javascript">
TP_SetAltRowCss($telerik.$(".TP_AdvancedSearchTable"));
</script>
</asp:Panel>
</Telerik:RadPageView>

</Telerik:RadMultiPage>
</td>
</tr>
<tr>
<td class="TP_CommandButtonsTd">
<span id="TP_SimpleSearchButton">
<Telerik:RadButton ID="btnSimpleSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="SimpleSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
<span id="TP_AdvancedSearchButton" style="display:none">
<Telerik:RadButton ID="btnAdvancedSearch" Text="Search" CssClass="TP_DefaultButton" runat="server" ValidationGroup="AdvancedSearchUsers"
OnClick="btnSearch_Click">
</Telerik:RadButton>
</span>
 
<Telerik:RadButton ID="btnReset" Text="Reset" runat="server" OnClientClicked="ResetControls"
AutoPostBack="false" UseSubmitBehavior="false">
</Telerik:RadButton>
 
<Telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click"
UseSubmitBehavior="false">
</Telerik:RadButton>
</td>
</tr>
</table>
</asp:Panel>

Ajax

TabStrip

answered on 16 May 2022

1 answer

174 views

Rad Scheduler Recurrences

Hi, i am building a rad scheduler that displays appoitments and make recurences. The problem is that i need this recurrences to display individually in another page. is there any way to display one appoitment and all of its recurrences as individual appointments. Can i export the data that the scheduler displays?

alternatively is there a way the radscheduler saves the recurrences as individual appointments

Ajax

Scheduler

answered on 11 May 2022

0 answers

175 views

Controls not created on webform when dropped from toolbox

Returning to an old app to do some maintenance after many years.

Trying to add a new RadGrid to the Webform, but dropping it on the form has no effect.

I can add non-Telerik controls from the toolbox with no problem.

Hopefully this is some version issue, but I can't figure it out.

Is there an easy fix for this?

UI for ASP.NET AJAX in ASP.NET MVC

asked on 05 May 2022

1 answer

148 views

RadHtmlChart LineSeries can't et more than one line

I have the following simple chart set up

    <telerik:RadHtmlChart ID="chtLine" runat="server" Width="100%" Height="95%" Skin="Windows7" RenderMode="Lightweight">
        <ChartTitle Text="">
            <Appearance>
                <TextStyle FontSize="16px"></TextStyle>
            </Appearance>
        </ChartTitle>
        <Legend>
            <Appearance Position="Top"></Appearance>
        </Legend>
        <PlotArea>
            <XAxis DataLabelsField="InvDate"></XAxis>
            <YAxis Name="Total"></YAxis>
            <Series>
                <telerik:LineSeries Name="Code" MissingValues="Zero" DataFieldY="Total"></telerik:LineSeries>
            </Series>
        </PlotArea>
    </telerik:RadHtmlChart>

code behind I'm filling it with linq data.

            Dim res = (From x In db.INVOICE_SUMMARies
                       Where x.SITE.COMPANY.COMPANY_CODE.Equals(Session("Market").ToString)
                       Group x By x.PROVIDER.PROVIDER_CODE, x.INVOICE_SUMMARY_INVOICE_DATE Into g = Group
                       Select Code = PROVIDER_CODE,
                              InvDate = INVOICE_SUMMARY_INVOICE_DATE,
                              Total = CType(g.Sum(Function(p) p.INVOICE_SUMMARY_TOTAL_AMOUNT), Decimal?)).ToList
            chtLine.DataSource = res.ToList
            chtLine.DataBind()

data looks kind of like this

CODE          InvDate                      Total
------------- ---------------------------- ---------------------------------------
COM           2022-02-13                   2532.04
EARTH         2022-02-13                   1721.40
EARTL         2022-02-13                   1321.20
FRONT         2022-02-13                   11184.08
GC            2022-02-13                   46120.10
LCI           2022-02-13                   21782.98
LIGHT         2022-02-13                   11687.82
MCI           2022-02-13                   18318.97
NIT           2022-02-13                   1676.31
ONE           2022-02-13                   20685.94
OPT           2022-02-13                   4313.10
PAT           2022-02-13                   44341.33
WILL          2022-02-13                   18899.02
XOC           2022-02-13                   4571.01
COM           2022-03-13                   2526.33
EARTH         2022-03-13                   1726.12
EARTL         2022-03-13                   1323.07
FRONT         2022-03-13                   11175.07
GC            2022-03-13                   45758.30
LCI           2022-03-13                   23401.18
LIGHT         2022-03-13                   11676.30
MCI           2022-03-13                   18384.44
NIT           2022-03-13                   1674.56
ONE           2022-03-13                   20712.67
OPT           2022-03-13                   4309.22
PAT           2022-03-13                   44393.95
WILL          2022-03-13                   18716.46
XOC           2022-03-13                   4560.98
COM           2022-04-13                   2532.04
EARTH         2022-04-13                   1721.40
EARTL         2022-04-13                   1321.20
FRONT         2022-04-13                   11184.08
GC            2022-04-13                   46120.10
LCI           2022-04-13                   23518.05
LIGHT         2022-04-13                   11687.82
MCI           2022-04-13                   18318.97
NIT           2022-04-13                   1676.31
ONE           2022-04-13                   20685.94
OPT           2022-04-13                   4313.10
PAT           2022-04-13                   44341.33
WILL          2022-04-13                   18899.02
XOC           2022-04-13                   4571.01

I'm trying to get each line to represent a Code. I figure x axis is date and y axis is Total. all I get is one line. what am I missing?

Chart (HTML5)

answered on 05 May 2022

1 answer

431 views

Use Image Manager button of Rad Editor Image Map Editor built-in dialog to use custom Image Manager dialog

Hello,

We currently have a custom image manager dialog that is opened from a button added to the toolbar of the RadEditor;

ASP.NET

<telerik:RadEditor ID="RadEditorMessage" runat="server" Width="100%" Height="370px"
ToolsFile="~/App_Data/RadEditor/Default-ToolsFile.xml" RenderMode="Lightweight" EnableAriaSupport="true">
<Tools>
<telerik:EditorToolGroup Tag="FileManagers">
<telerik:EditorTool Name="ImgManager" Text="ImageManager" ShowIcon="true" />
</telerik:EditorToolGroup>
</Tools>

JAVASCRIPT

Telerik.Web.UI.Editor.CommandList["ImgManager"] = function (commandName, editor, args) {

var myCallbackFunction = function (sender, args) {
if (args) {
if (args.href != '') {
editor.pasteHtml(String.format("<img src='{0}' border='0' align='middle' /> ", args.href));
}
}
}

var args = editor.get_html(true) //returns the HTML of the selection.

editor.showExternalDialog(document.getElementById('<%=txtPath.ClientID%>').value,
args,
1024,
600,
myCallbackFunction,
null,
"Image Manager",
false,
Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
false,
true);
};

CODE BEHIND

txtPath.Text = ResolveUrl("~/Controls/ImageManager.aspx");

We would like to open this custom Image Manager Dialog and return the uploaded image to be used in the Image Map Editor.

Is this possible ? And if so, can you provide links/example code on how to implement this ?

Thanks,

Jean-Paul

Editor

answered on 05 May 2022

1 answer

354 views

GridClientSelectColumn - Clicking outside of checkbox will clear all checked checkbox on other rows

When using GridClientSelectColumn, ClientSettings.Selecting.AllowRowSelect must be set to "True". In this case, if user need to check on multiple checkboxes but accidentally clicking outside of a checkbox, then all checked checkboxes on other rows will be checked off. This is annoying. Is there a way to avoid this when using GridClientSelectColumn?

Grid

answered on 04 May 2022

1 answer

250 views

Radpanelbar: add image control to Item, not using templates

Hello

I am looking for a way to add a control to my radpanelbarItems.
I would like to keep all the "free" functionalities of the panelbaritem (img, hoverimage, text, expand/collapse , default styling etc) so i prefer not using templates.

I populate the radpanelbar from codebehind as demonstrated in attached code.

My first try is simply to add the control and move it in place using css. But unfortunately the content area of the panelbaritem keeps it height, smashing the layout of the panels.

any hint would be highly appreciated , either to making the attached example work or a different approach.

kind regards

Mark

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>   

    <style>
        .myimg {
            position: relative !important;
            top: -30px !important;
            left: 100px !important;
        }
    </style>

</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>
    
            <div>

            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="SingleExpandedItem" Skin="Bootstrap" Width="300">
                <Items>
                </Items>
            </telerik:RadPanelBar>

        </div>
    </form>
</body>
</html>

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

public partial class test : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        FillPanels();
    }

    protected void FillPanels()
    {

        for (int i = 0; i < 10; i++)
        {
            RadPanelItem ProductPanel = new RadPanelItem { Text = "P" + i.ToString(), Expanded = false, ImageUrl = "/images/prod_notok.png", Value = "P" + i.ToString() };

            //add control try
            ProductPanel.Controls.Add(new Image { ImageUrl = @"/images/pdf.png",CssClass="myimg",ID="img" + i.ToString() });                      

            for (int h = 0; h < 3; h++)
            {
                RadPanelItem SubPanel = new RadPanelItem { Text = "S" + i.ToString() + h.ToString(), ImageUrl = "/images/notok.png", Expanded = false, Value = "S" + h.ToString() + i.ToString() };

                ProductPanel.Items.Add(SubPanel);
            }

            RadPanelBar1.Items.Add(ProductPanel);

        }
    }

}

PanelBar

updated answer on 04 May 2022

1 answer

150 views

RadGrid/LINQ: CRUD not working at all (maybe not firing?)

I've put a RadGrid into my page, bound it to a LINQ source. It fetches data properly but will not update. Only the cancel button operates, update does nothing at all. I've tried doing it manually as well, tore out the grid and just put one in with no customizing and same thing. When I tried to do it manually, it behaved as though the button events weren't firing at all... here's my code:
I've done this previously, although I'm (more than) a bit rusty... but can't for the life of me see what I'm doing wrong.

Thanks!

<telerik:RadGrid ID="TenantGrid" runat="server" AutoGenerateDeleteColumn="True" 
                AutoGenerateEditColumn="True" CellSpacing="0" DataSourceID="LinqDataSource2" 
                GridLines="None">
                <ClientSettings>
                    <Selecting CellSelectionMode="None" />
                </ClientSettings>
                <MasterTableView AutoGenerateColumns="False" DataKeyNames="ID" 
                    DataSourceID="LinqDataSource2">
                    <CommandItemSettings ExportToPdfText="Export to PDF" />
                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" 
                        Visible="True">
                        <HeaderStyle Width="20px" />
                    </RowIndicatorColumn>
                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" 
                        Visible="True">
                        <HeaderStyle Width="20px" />
                    </ExpandCollapseColumn>
                    <Columns>
                        <telerik:GridBoundColumn DataField="Name" 
                            FilterControlAltText="Filter Name column" HeaderText="Name" 
                            SortExpression="Name" UniqueName="Name">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Location" 
                            FilterControlAltText="Filter Location column" HeaderText="Location" 
                            SortExpression="Location" UniqueName="Location">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Phone" 
                            FilterControlAltText="Filter Phone column" HeaderText="Phone" 
                            SortExpression="Phone" UniqueName="Phone">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Email" 
                            FilterControlAltText="Filter Email column" HeaderText="Email" 
                            SortExpression="Email" UniqueName="Email">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Contact" 
                            FilterControlAltText="Filter Contact column" HeaderText="Contact" 
                            SortExpression="Contact" UniqueName="Contact">
                        </telerik:GridBoundColumn>
                        <telerik:GridCheckBoxColumn DataField="Active" DataType="System.Boolean" 
                            FilterControlAltText="Filter Active column" HeaderText="Active" 
                            SortExpression="Active" UniqueName="Active">
                        </telerik:GridCheckBoxColumn>
                        <telerik:GridBoundColumn DataField="ID" DataType="System.Int32" 
                            FilterControlAltText="Filter ID column" HeaderText="ID" ReadOnly="True" 
                            SortExpression="ID" UniqueName="ID">
                        </telerik:GridBoundColumn>
                    </Columns>
                    <EditFormSettings>
                        <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                        </EditColumn>
                    </EditFormSettings>
                </MasterTableView>
                <FilterMenu EnableImageSprites="False">
                </FilterMenu>
            </telerik:RadGrid>

 <asp:LinqDataSource ID="LinqDataSource2" runat="server" 
                ContextTypeName="FrontDesk.FrontDeskDataContext" EnableDelete="True" 
                EnableInsert="True" EnableUpdate="True" EntityTypeName="" TableName="Tenants">
            </asp:LinqDataSource>

Ajax

Grid

answered on 03 May 2022

1 answer

175 views

RadGrid and exporting just the NestedViewTemplate to a PDF

I have a RadGrid with like 40 columns, so the grid has a NestedViewTemplate that I use to display the selected row in sort of a form/table view. That all works fine. What I'm looking to do is to incorporate the ability for the user to export the NestedViewTemplate view to a PDF. I guess in a way, it's a quick way to generate a single item report. I've been thru all the articles with the hierarchical stuff, but that's not my scenario, so they were no help.

Grid

updated answer on 03 May 2022