Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,763 questions
0 answers
259 views
List Box Text Wrapping - with checkboxes

I would like to make long text wrap when using checkboxes. As per the attached image, I would prefer the left margin of the text to align with the green line.

I have attempted to use the sample shown in this article (https://www.telerik.com/forums/long-text-in-radlistbox)  but nothing worked.

Could you please advise the best way to make this change?

ListBox
Adam
Top achievements
Rank 1
Iron
 asked on 04 Sep 2023
0 answers
127 views
RadEditor Context Menu shows name instead of text when added in code behind

I'm using the following code to create multi-level context menus in a RadEditor control, but I can't get the Text property of the tool to display instead of the Name property. 

 


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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</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 Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
        <telerik:RadEditor ID="RadEditor1" runat="server" ToolsFile="RadEditorForm_ToolsFile.xml">
            <ContextMenus>
                <telerik:EditorContextMenu TagName="P">
                    <telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>
                </telerik:EditorContextMenu>
                <telerik:EditorContextMenu TagName="BODY">                                    
                    <telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
                    <telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>                                                        
                </telerik:EditorContextMenu>
            </ContextMenus>
        </telerik:RadEditor>
    </div>
    </form>
</body>
</html>


using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;

public partial class RadEditorForm : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        EditorContextMenuTool dataMenu = new EditorContextMenuTool("Data");
        dataMenu.Text = "Data X";
        System.Text.StringBuilder sb = new System.Text.StringBuilder();
        for (int l1 = 0;l1 < 5;l1++)
        {
            EditorContextMenuTool subDataMenu = new EditorContextMenuTool();
            subDataMenu.Name = string.Concat("L",l1,"_Menu");
            subDataMenu.Text = string.Concat("Level 1 Menu Item ",l1);
            subDataMenu.ShowText = true;
            subDataMenu.ShowIcon = false;            
            for (int l2 = 0; l2 < 5; l2++)
            {
                EditorTool tool = new EditorTool();
                tool.Name = string.Concat("L",l1,"_Menu_",l2);
                tool.Text = string.Concat("Level ",l1,"-Menu Item ",l2);
                tool.ShowText = true;
                tool.ShowIcon = false;
                subDataMenu.Tools.Add(tool);
                sb.Append("Telerik.Web.UI.Editor.CommandList[\"" + tool.Name + "\"] = function (commandName, editor, oTool) {debugger;editor.pasteHtml(\"<var>" + tool.Text + "</var>\");}");
                sb.AppendLine();
            }
            dataMenu.Tools.Add(subDataMenu);
        }        
        RadEditor1.ContextMenus.FindByTagName("P").Tools.Add(dataMenu);
        RadEditor1.ContextMenus.FindByTagName("BODY").Tools.Add(dataMenu);
        ScriptManager.RegisterStartupScript(Page, Page.GetType(), "contextMenuHandlerScript", sb.ToString(), true);
    }
}

Editor
Jamex
Top achievements
Rank 1
 asked on 01 Sep 2023
1 answer
212 views
listView with GroupCount and ColumnName For Each Group

Hello
  In the ListView, I need to divide the data into 4 groups (GroupItemCount=4)

and the header of each group should have a column name like the needed.png picture

 

But no matter how hard I tried, I couldn't set the listview so that the names of the columns in each group are displayed, and the output is like the picture show.png

Help me please


ListView
Attila Antal
Telerik team
 answered on 31 Aug 2023
1 answer
1.0K+ views
Keyboard controls for DatePicker inside bootstrap modal

We currently have a telerik datepicker (and timepicker) displayed inside a bootstrap modal, and while it works (mostly) fine, I've discovered that accessibility keyboard controls (enabled via setting EnableAriaSupport and EnableKeyboardNavigation to True) do not work. The controls work fine in context of a datepicker outside of these modals.

Upon further investigation, it seems as though the telerik process is adding a new div to the dom when we open the datepicker calendar, which presumably is firing some low-level bootstrap event or process that I'm unaware of to force focus back to the modal... and in this case away from the datepicker that's appearing over it.

Does anyone know of a way to prioritize keyboard control focus to remain on the added datepicker calendar that appears instead of reverting back to the top of the modal?

Things I've tried include:

  • Setting the modal's data-keyboard and data-focus properties to false (which did nothing except disabling people to press escape to close the modal)
  • setting the date-picker's z-index arbitrarily high (despite it already rendering on top of the modal to begin with
  • setting some properties for bootstrap-adjacent things in the off chance that they might work (such as Vue.JS). These, predictably, did nothing.
  • fiddled with some raw JS events that might have impacted the process. These did not get hit upon loading the datepicker when test breakpoints were added to them
  • setting a hidden field on the datepicker's sub-controls with the ID "hasControlOnModal" to True. This was preexisting code from the 2009 version of the datepicker that I'm currently trying to get away from, and doesn't seem to do anything as far as I can tell.
  • confirming in VB code that the controls in and out of the modal are built the same way (they run through the same code)
  • Tried to catch the calendar opening and manually force focus in JS via the OnPopupOpening event (this doesn't work as the documentation points out this event is just BEFORE the calendar loads into the dom... I need it to be there so I can use jquery's .focus() on it.

It's worth noting that I do not have the option to swap away from the current way we build modals and use a telerik modal at this time.

The datepicker, opened with keyboard controls, as it appears outside the modal (note the black box around the calendar, denoting that the control is in-focus of the keyboard and is usable via arrow key navigation:

The modal with a datepicker attached to it. The focus is on the invisible "title" of the modal, which announces to screen readers that there's a modal open. hitting "tab" here shifts the focus to the "close" button.

Tabbing down to the datepicker works as intended, and upon hitting "enter" on the open calendar button, you're presented with this screen:

Notice that the calendar does not have the focused black box around it, as the focus has shifted back to the top of the bootstrap modal. Keyboard controls do not work. Hitting "tab" from here will once again move the focus to the modal's "close" button. There is no way for me to tab into the calendar control.

 

DatePicker
TimePicker
Ben
Top achievements
Rank 1
Iron
 answered on 30 Aug 2023
0 answers
87 views
Timeline control - display custom text instead of date

Is it possible to display a custom text instead of date as in the picture attached? I would like to have a custom text there and date and time in the tooltip when user hovers over this text / point in the timeline.

Timeline
Ines
Top achievements
Rank 1
 asked on 30 Aug 2023
0 answers
262 views
Radbutton onclick inside radwindow

Hi,

i open a radwindow fro ma button inside a templatecolumn in a detailtable.

In the radwindow i have a radbutton when i click it the OnClick event doesn't fire.

Here the code.

 

<%@ Page Title="" Language="C#" MasterPageFile="~/SiteT.Master" AutoEventWireup="true" CodeBehind="AnalisiExc.aspx.cs" Inherits="IPadAdmin.AnalisiExc" %>

<asp:Content ID="Content1" ContentPlaceHolderID="StyleSection" runat="server">
    <style>
        .RadGrid {
            border-radius: 10px;
            overflow: hidden;
        }

        th {
            font-size: 14px;
        }

        td {
            font-size: 13px;
        }
    </style>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            var radWindow1 = null;
            var radGrid1 = null;

            function pageLoad() {
                radGrid1 = $find("<%= RadGrid1.ClientID %>");
                radWindow1 = $find("<%= RadWindow1.ClientID %>");
            }
        </script>
    </telerik:RadCodeBlock>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentSection" runat="server">
    <form id="form1" runat="server" onsubmit="return validateForm()">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <telerik:RadCodeBlock runat="server">
                    <h3 class="text-primary"><a href="<%=Page.ResolveUrl("~/Default.aspx") %>">Dashboard</a></h3>
                </telerik:RadCodeBlock>
            </div>
            <div class="col-md-7 align-self-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">Amministrazione</li>
                    <li class="breadcrumb-item">Analisi</li>
                    <li class="breadcrumb-item">Eccezioni</li>
                </ol>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="table-responsive m-t-40">
                                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdateInitiatorPanelsOnly="true">
                                    <AjaxSettings>
                                        <telerik:AjaxSetting AjaxControlID="RadGrid1">
                                            <UpdatedControls>
                                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                                            </UpdatedControls>
                                        </telerik:AjaxSetting>
                                        <telerik:AjaxSetting AjaxControlID="Button1">
                                            <UpdatedControls>
                                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                                            </UpdatedControls>
                                        </telerik:AjaxSetting>
                                    </AjaxSettings>
                                </telerik:RadAjaxManager>
                                <telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecorationZoneID="demo" DecoratedControls="All" EnableRoundedCorners="false" />
                                <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />
                                <asp:LinkButton ID="Button1"
                                    runat="server"
                                    CssClass="btn btn-primary btn-rounded m-b-10 m-l-5"
                                    Text="AGGIORNA"
                                    OnClick="Button1_Click">
                                </asp:LinkButton>
                                <div class="form-inline">
                                    <label class="control-label">&nbsp;Anno&nbsp;</label>
                                    <telerik:RadNumericTextBox runat="server" ID="txtAnno" NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator="" Width="100px" />
                                    <label class="control-label">&nbsp;Mese&nbsp;</label>
                                    <telerik:RadComboBox ID="cmbMese" runat="server" AutoPostBack="false" TabIndex="6" AppendDataBoundItems="true">
                                        <Items>
                                            <telerik:RadComboBoxItem runat="server" Value="0" Text="(Seleziona un mese)" />
                                            <telerik:RadComboBoxItem runat="server" Value="1" Text="Gennaio" />
                                            <telerik:RadComboBoxItem runat="server" Value="2" Text="Febbraio" />
                                            <telerik:RadComboBoxItem runat="server" Value="3" Text="Marzo" />
                                            <telerik:RadComboBoxItem runat="server" Value="4" Text="Aprile" />
                                            <telerik:RadComboBoxItem runat="server" Value="5" Text="Maggio" />
                                            <telerik:RadComboBoxItem runat="server" Value="6" Text="Giugno" />
                                            <telerik:RadComboBoxItem runat="server" Value="7" Text="Luglio" />
                                            <telerik:RadComboBoxItem runat="server" Value="8" Text="Agosto" />
                                            <telerik:RadComboBoxItem runat="server" Value="9" Text="Settembre" />
                                            <telerik:RadComboBoxItem runat="server" Value="10" Text="Ottobre" />
                                            <telerik:RadComboBoxItem runat="server" Value="11" Text="Novembre" />
                                            <telerik:RadComboBoxItem runat="server" Value="12" Text="Dicembre" />
                                        </Items>
                                    </telerik:RadComboBox>
                                </div>
                                <br />
                                <div>
                                    <telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" AllowSorting="true" EnableLoadOnDemand="True" ShowGroupPanel="true" OnNeedDataSource="RadGrid1_NeedDataSource"
                                        AutoGenerateColumns="False" AllowPaging="False" PageSize="50" Skin="Material" OnItemCommand="RadGrid1_ItemCommand" OnGroupsChanging="RadGrid1_GroupsChanging" OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
                                        OnItemDataBound="RadGrid1_ItemDataBound" OnCustomAggregate="RadGrid1_CustomAggregate"
                                        RenderMode="Lightweight" ShowFooter="True" ShowStatusBar="True" Culture="it-IT" GridLines="None" Width="100%">
                                        <PagerStyle Mode="NumericPages"></PagerStyle>
                                        <GroupingSettings CaseSensitive="false" />
                                        <MasterTableView DataKeyNames="AG,SlpCode,Mese" AllowMultiColumnSorting="False" GroupLoadMode="Client" HierarchyLoadMode="Client"
                                            CommandItemDisplay="Top" ShowGroupFooter="true" EnableHierarchyExpandAll="true" Caption="" TableLayout="Fixed">
                                            <CommandItemSettings ShowAddNewRecordButton="false" ShowSaveChangesButton="false" ShowCancelChangesButton="false" ShowExportToExcelButton="true" />
                                            <GroupByExpressions>
                                                <telerik:GridGroupByExpression>
                                                    <SelectFields>
                                                        <telerik:GridGroupByField FieldAlias="Limite" FieldName="Limite" />
                                                        <telerik:GridGroupByField FieldAlias="Valid" FieldName="Valid" />
                                                        <telerik:GridGroupByField FieldAlias="AG" FieldName="AG" />
                                                    </SelectFields>
                                                    <GroupByFields>
                                                        <%--<telerik:GridGroupByField FieldName="CA" SortOrder="Ascending"></telerik:GridGroupByField>--%>
                                                        <telerik:GridGroupByField FieldName="AG" SortOrder="Ascending"></telerik:GridGroupByField>
                                                        <%--<telerik:GridGroupByField FieldName="Mese" SortOrder="Ascending"></telerik:GridGroupByField>--%>
                                                    </GroupByFields>
                                                </telerik:GridGroupByExpression>
                                            </GroupByExpressions>
                                            <DetailTables>
                                                <telerik:GridTableView runat="server" AllowFilteringByColumn="False" AllowSorting="False" AllowAutomaticUpdates="false"
                                                    AutoGenerateColumns="False" AllowPaging="false" DataKeyNames="DocEntry" Caption="" Skin="Material"
                                                    RenderMode="Lightweight" ShowFooter="False" ShowStatusBar="True" CellSpacing="0" Name="Rate">
                                                    <Columns>
                                                        <telerik:GridBoundColumn DataField="DocEntry" HeaderText="" ReadOnly="True" Visible="false" UniqueName="DocEntry" />
                                                        <telerik:GridBoundColumn DataField="Aut" HeaderText="" ReadOnly="True" Visible="false" UniqueName="AutV" />
                                                        <telerik:GridBoundColumn DataField="Dec" HeaderText="" ReadOnly="True" Visible="false" UniqueName="Dec" />
                                                        <telerik:GridDateTimeColumn DataField="Data" HeaderText="Data" SortExpression="DocDate" ReadOnly="False" DataType="System.DateTime" DataFormatString="{0:D}"
                                                            UniqueName="Data">
                                                        </telerik:GridDateTimeColumn>
                                                        <telerik:GridBoundColumn DataField="DocNum" HeaderText="#" SortExpression="DocNum" ReadOnly="True" Visible="True"
                                                            UniqueName="DocNum">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="CardCode" HeaderText="Codice" SortExpression="CardCode" ReadOnly="True" Visible="True"
                                                            UniqueName="CardCode">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="CardName" HeaderText="Rag. Sociale" SortExpression="CardName" ReadOnly="True"
                                                            UniqueName="CardName">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="Pagamento" HeaderText="Pagamento" SortExpression="Pagamento" ReadOnly="True"
                                                            UniqueName="Pagamento">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="Netto" HeaderText="Netto" SortExpression="Netto" DataFormatString="{0:N2}" AllowFiltering="false" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                            UniqueName="Netto">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="RatDoc" HeaderText="RatDoc" SortExpression="RatDoc" ReadOnly="True"
                                                            UniqueName="RatDoc">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="RatBp" HeaderText="RatBp" SortExpression="RatBp" ReadOnly="True"
                                                            UniqueName="RatBp">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="center" HeaderText="Aut." AllowFiltering="false" UniqueName="Aut">
                                                            <ItemTemplate>
                                                                <telerik:RadCheckBox ID="chkAut" runat="server" Checked='<%# Bind("Aut") %>' OnCheckedChanged="chkAut_CheckedChanged" />
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="center" HeaderText="Dec." AllowFiltering="false" UniqueName="Dec">
                                                            <ItemTemplate>
                                                                <telerik:RadCheckBox ID="chDec" runat="server" Checked='<%# Bind("Dec") %>' OnCheckedChanged="chDec_CheckedChanged" />
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridTemplateColumn HeaderText=""
                                                            AllowFiltering="false">
                                                            <HeaderStyle Width="102px" />
                                                            <ItemTemplate>
                                                                <asp:LinkButton ID="cmdNota" runat="server" Text="NOTA" OnClientClick='<%# String.Format("openConfirmationWindow({0}); return false;", Eval("DocEntry")) %>'
                                                                    CssClass="bookNowLink" />
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                    </Columns>
                                                </telerik:GridTableView>
                                            </DetailTables>
                                            <Columns>
                                                <%--<telerik:GridBoundColumn DataField="CA" HeaderText="AREA" SortExpression="AREA" ReadOnly="True" UniqueName="CA" />--%>
                                                <telerik:GridBoundColumn DataField="AG" HeaderText="AG" SortExpression="AG" ReadOnly="True" UniqueName="AG" />
                                                <telerik:GridBoundColumn DataField="SlpCode" HeaderText="Codice" ReadOnly="True" UniqueName="SlpCode" />
                                                <telerik:GridBoundColumn DataField="AGE" HeaderText="Agente" SortExpression="AGE" ReadOnly="True" UniqueName="AGE" />
                                                <telerik:GridBoundColumn DataField="Anno" HeaderText="Anno" ReadOnly="True" UniqueName="Anno" AllowFiltering="false" />
                                                <telerik:GridBoundColumn DataField="Mese" HeaderText="Mese" SortExpression="Mese" ReadOnly="True" AllowFiltering="false" UniqueName="Mese" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" />
                                                <telerik:GridBoundColumn DataField="Numero" HeaderText="Totali" SortExpression="Numero" ReadOnly="True" Groupable="false" UniqueName="Numero" Aggregate="Sum" FooterText="Totali: " FooterStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" AllowFiltering="false" />
                                                <telerik:GridBoundColumn DataField="Valore" HeaderText="Valore" SortExpression="Valore" DataFormatString="{0:N2}" AllowFiltering="false" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                    UniqueName="Valore" FooterText="Tot: " Aggregate="Sum" FooterStyle-HorizontalAlign="Right" Groupable="false">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Limite" HeaderText="Limite" SortExpression="" ReadOnly="True" UniqueName="Limite" AllowFiltering="false" />
                                                <telerik:GridBoundColumn DataField="Valid" HeaderText="" SortExpression="" ReadOnly="True" UniqueName="Valid" Display="false" />
                                                <telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="center" HeaderText="Term"
                                                    AllowFiltering="false" UniqueName="Term" Groupable="false">
                                                    <ItemTemplate>
                                                        <telerik:RadCheckBox ID="chkTerm" runat="server" Checked='<%# Bind("Term") %>' OnCheckedChanged="chkTerm_CheckedChanged" />
                                                    </ItemTemplate>
                                                </telerik:GridTemplateColumn>
                                            </Columns>
                                        </MasterTableView>
                                        <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">
                                            <Selecting AllowRowSelect="True"></Selecting>
                                            <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"
                                                ResizeGridOnColumnResize="False"></Resizing>
                                        </ClientSettings>
                                        <FilterMenu RenderMode="Lightweight"></FilterMenu>
                                        <HeaderContextMenu RenderMode="Lightweight"></HeaderContextMenu>
                                        <GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
                                    </telerik:RadGrid>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <telerik:RadWindowManager RenderMode="Lightweight" ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="true"
            ReloadOnShow="true" runat="server" EnableShadow="true">
            <Windows>
                <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" runat="server" VisibleTitlebar="true" Modal="true" Width="500px" Height="300px"
                    Behaviors="None" VisibleStatusbar="false">
                    <ContentTemplate>
                        <asp:Panel ID="FirstStepPanel" runat="server">
                            <div>
                                <asp:HiddenField ID="DocEntry" ClientIDMode="Static" runat="server" />
                                <hr class="lineSeparator" style="margin: 12px 0 12px 0" />
                                <table width="99%">
                                    <tr>
                                        <td>
                                            <telerik:RadTextBox ID="txtNota" runat="server" TextMode="MultiLine" Rows="6" MaxLength="250" Width="99%"></telerik:RadTextBox>
                                        </td>
                                    </tr>
                                </table>
                                <hr class="lineSeparator" style="margin: 12px 0 15px 0" />
                                <telerik:RadButton RenderMode="Lightweight" ID="cmdApprova" runat="server" Text="INSERISCI" CausesValidation="false" OnClientClicking="RadConfirm"
                                    Width="120px" OnClick="cmdApprova_Click" UseSubmitBehavior="false" />
                                <telerik:RadButton RenderMode="Lightweight" ID="cmdAnnulla" runat="server" Text="ANNULLA"
                                    Width="120px" OnClientClicking="cancelClicking" UseSubmitBehavior="false" />
                            </div>
                        </asp:Panel>
                    </ContentTemplate>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </form>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptSection" runat="server">
    <script>
        function validateForm() {
            var errors = false;
            var testo = document.getElementById('<%= txtAnno.ClientID %>');
            if (testo.value == '') {
                errors = true;
                alert('Inserire un anno la ricerca.');
            } else {
                errors = false;
            }
            if (errors == false) {
                document.getElementById("form1").submit();
            }
        }
        function openConfirmationWindow(val) {
            var radtextbox = $find('<%=txtNota.ClientID %>');
            radtextbox.clear();
            document.getElementById("DocEntry").value = val;
            radWindow1.set_title('Nota');
            radWindow1.show();
        }
        function RadConfirm(sender, args) {
            var callBackFunction = function (shouldSubmit) {
                if (shouldSubmit) {
                    sender.click();
                    if (Telerik.Web.Browser.ff) {
                        sender.get_element().click();
                    }
                }
            };

            var text = "Proseguire con l'\operazione?";
            radconfirm(text, callBackFunction, 300, 200, null, "RadConfirm");
            args.set_cancel(true);
        }
        function cancelClicking(sender, args) {
            radWindow1.close();
            args.set_cancel(true);
        }
        function AlertInvia(sender, args) {
            args.set_cancel(!window.confirm("Proseguire con l\'operazione?"));
        }
    </script>
</asp:Content>
Button
Grid
Window
IT
Top achievements
Rank 1
 asked on 30 Aug 2023
1 answer
203 views
in file upload control getting error

when uploading file 

Uncaught SyntaxError: Unexpected token '<', "


<!DOCTYPE "... is not valid JSON
    at JSON.parse (<anonymous>)
    at n.parseJSON (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a669ca791-a838-4419-82bc-9fa647338708%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2023.2.714.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a1bc89511-db65-4edd-9b7b-852f5fbc5915%3a16e4e7cd%3af7645509%3a24ee1bba%3a33715776%3a52af31a4%3a5fa37e7e%3bAjaxControlToolkit%2c+Version%3d1.0.10606.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a0b6af642-f113-415c-b33c-97e8c63eeb23%3ab14bb7d5%3acecc93f9%3adc2d6e36%3a5acd2e8e%3a13f47f54%3a4cda6429%3a35ff259d%3aefde3e73%3aca84c49e:1587:16647)
    at g.callback (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a669ca791-a838-4419-82bc-9fa647338708%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2023.2.714.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a1bc89511-db65-4edd-9b7b-852f5fbc5915%3a16e4e7cd%3af7645509%3a24ee1bba%3a33715776%3a52af31a4%3a5fa37e7e%3bAjaxControlToolkit%2c+Version%3d1.0.10606.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a0b6af642-f113-415c-b33c-97e8c63eeb23%3ab14bb7d5%3acecc93f9%3adc2d6e36%3a5acd2e8e%3a13f47f54%3a4cda6429%3a35ff259d%3aefde3e73%3aca84c49e:2838:15)
    at XMLHttpRequest.m (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a669ca791-a838-4419-82bc-9fa647338708%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2023.2.714.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a1bc89511-db65-4edd-9b7b-852f5fbc5915%3a16e4e7cd%3af7645509%3a24ee1bba%3a33715776%3a52af31a4%3a5fa37e7e%3bAjaxControlToolkit%2c+Version%3d1.0.10606.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a0b6af642-f113-415c-b33c-97e8c63eeb23%3ab14bb7d5%3acecc93f9%3adc2d6e36%3a5acd2e8e%3a13f47f54%3a4cda6429%3a35ff259d%3aefde3e73%3aca84c49e:2950:77)

 

AsyncUpload
Attila Antal
Telerik team
 answered on 30 Aug 2023
1 answer
141 views
TabStrip tabs are not centered
 

I have a tab strip (I need it to be in Lightweight mode) :

 <telerik:RadTabStrip width="100%"  Align="Center" Skin="Default" 
                                    Orientation="HorizontalTop"  RenderMode="Lightweight"

Tabs are centered to the left

 Any ideas?

 


                                    

TabStrip
David
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 29 Aug 2023
0 answers
138 views
After updating to latest telerik web ui, the ui is not function properly

Hi,

      I have updated to latest 2023.2.714.45 Telerik web ui in my web portal using telerik visual studio extension. However, after updating, the web ui is not function properly. I have an account in telerik, however in Visual studio, it also ask me to buy the Telerik ui for Asp.net Ajax.

I have attached the video for your comparison.

UI for ASP.NET AJAX in ASP.NET MVC
Alex
Top achievements
Rank 1
 asked on 29 Aug 2023
0 answers
98 views
Ajax Loading panel stays on the page infinitely

Hello, I've encountered a loading panel issue. The loading panel on my user control page won't disappear.

Please see the attached image for my page hierarchy.

I have a parent page which uses 2 same user control pages. On my parent page, I have a RadAjaxManager and on the user control page I have a RadAjaxManagerProxy.

Parent Page RadAjaxManager code:

The button1 on parent page will update panel1.

<telerik:RadAjaxLoadingPanel runat="server" ID="rAjaxLoaingPanel1" Modal="false"></telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager runat="server" ID="rAjaxMan1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="button1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelID="rAjaxLoaingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

User Control Page RadAjaxManagerProxy code:

The button2 on user control page will update panel2, and panel2 will update itself.

<telerik:RadAjaxLoadingPanel runat="server" ID="rLdPn" Height="400px"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManagerProxy runat="server" ID="rAjaxManProxy">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="button2">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="panel2" LoadingPanelID="rLdPn" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="panel2">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="panel2" LoadingPanelID="rLdPn" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

 

When I click button1, the ajax loading panel (id=rAjaxLoadingPanel1) is working fine, it shows and hides. However, when I click button2, the ajax loading panel (id=rLdPn) will stay on the region of panel2 infinitely.

I searched some 2009 forum posts but none of them addressed my issue.

Could someone help me? Thanks very much!

 

 

 

 

Ajax
AjaxLoadingPanel
yuki
Top achievements
Rank 2
Iron
Iron
Iron
 updated question on 29 Aug 2023
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
Licensing
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
TreeMap
Security
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
42 43
44
45 46
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how