Questions on UI for ASP.NET AJAX Forum

36 answers

5.4K+ views

This sticky thread lists known issues and breaking changes introduced in the UI for ASP.NET AJAX releases.

Q3 2011 (Version number: 2011.3.1115)

Problem: When adding items to OData enabled controls (RadMenu, RadTreeView, RadListBox, RadComboBox) through design time erroneous markup is applied to the control:

<telerik:RadListBox runat="server" ID="RadListBox1">

<Items>

</Items>

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</telerik:RadListBox>

Please note the added ODataSettings section. It will cause JavaScript errors on the page.

Solution: Remove the ODataSetting section and the issue will vanish. The problem is also fixed in the Q3 SP1 release, version number 2011.3.1305

General Discussions

updated question on 20 Sep 2022

1 answer

253 views

I'm getting an error with Telerik

When I run my project I'm getting this error

Could not load file or assembly 'Telerik.Web.UI' or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)

In my web.config I checked that the version in the web.config is the same as the version I'm using in references

General Discussions

answered on 22 Oct 2021

1 answer

5 views

RadListBox - Hide Arrow on Drag and Drop

Trying to hide the arrow on drag and drop for RadListBox. Found a post on setting the z-index for the css style .rlbDragClue and I've tried everything, display:none, visibility:hidden, background:none, all with the !important designator, nothing works. Always get the arrow.

.rlbDragClue {
background: none !important;
visibility:hidden !important;
z-index: -5000 !important;
}

ListBox

Styling

updated answer on 03 Feb 2023

1 answer

6 views

RadComboBox don't dropdown on Click in Text when in a RadWindow modal container

I have placed a RadComboBox inside a RadWindow I am using as a modal popup to capture some info. The RadComboBox is dynamically databound to a datatable result set and I can confirm that the data is loaded into the RadComboBox by clicking Up/Down arrows, I can see the other entries. However, clicking on the dropdown button, the dropbox will not expand. I have also tried the basic RadDropDownList with the same result.

I then tried an asp:DropDownList and it work's correctly.

If I place the RadComboxBox outside of the RadWindow, it works. There are no javascript errors on the page.

Can anyone help?

<telerik:RadWindow ID="Results_popup" runat="server" Title="Import Results" VisibleTitlebar="true" VisibleStatusbar="false" VisibleOnPageLoad="false"
    Modal="true" Width="900px" height="600px" DestroyOnClose="True" KeepInScreenBounds="true" OnClientClose="ClosePopUpWindow_Replace"
    Behaviors="Close, Move, Resize">
    <ContentTemplate>
        <div id="inner-container" class="window-container">
            <asp:UpdatePanel ID="UpdatepanelListEdit" runat="server" UpdateMode="Conditional" RenderMode="Block" Visible="false">
                <ContentTemplate>
                        <div class="row">
                            <telerik:RadComboBox RenderMode="Lightweight" ID="drpListStatus" runat="server" Width="200" Label="Status:" />
                            <telerik:RadDropDownList ID="drpListStatusX" runat="server" />
                            <asp:DropDownList ID ="drpListStatusTmp" runat="server" CssClass="dropdown" />
                        </div>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </ContentTemplate>
</telerik:RadWindow>

answered on 03 Feb 2023

0 answers

6 views

Resetting RadWizard after Cancel and Complete step without reloading entire page.

I using a RadWizard in a page to update other elements. I have a cancel button each step and custom cancel button on the complete step. When attempting to reset the wizard back to the 1st step with client-side code. The wizard goes back to the 1st step. However, the step buttons no longer display, and validation messages remain. Due to the other elements on the page, it would be ideal to reset the wizard back to its original state without having to reload the page.

Any help with this is appreciated.

Cod Snippets below:

Markup:

<telerik:RadWizard ID="wzdNewTimeLine" runat="server" Width="100%" CssClass="Gridheigh4 controlfont" BorderStyle="Solid" BorderWidth="1px" OnClientLoad="wzOnClientLoad" OnClientButtonClicking="wzOnClientButtonClicking">
    <WizardSteps>
      <telerik:RadWizardStep ID="WizardStep1" runat="server" StepType="Start" Title="Product" CausesValidation="true" 		CssClass="controlfont" ValidationGroup="prod" DisplayCancelButton="true">
          <div class="w3-bar-block">
             <span class="w3-bar-item" style="width:50em">
            <label><b>Product:</b></label><br />
		<telerik:RadComboBox ID="dnProduct" runat="server" DataSourceID="dsProduct" DataTextField="Product" 		DataValueField="Product" EmptyMessage="Select a Product.." OnClientSelectedIndexChanged="dnProduct_OnIndexChange" 		 Width="30%" CausesValidation="true" ValidationGroup="prod">
		</telerik:RadComboBox>                                                      
            <asp:RequiredFieldValidator ID="ProductRequiredFieldValidator" runat="server" ControlToValidate="dnProduct" 		ValidationGroup="prod" EnableClientScript="true" ForeColor="red" 
		ErrorMessage="*required field">
	</asp:RequiredFieldValidator>
        </span>
       	div class="w3-bar-item">
          <h6 class="w3-flat-midnight-blue w3-round"><i class="fa-soild fa-info-circle"></i> Select a Product for this Timeline..</h6>
        </div>
    </div>
    </telerik:RadWizardStep>
   <telerik:RadWizardStep ID="WzardStep2" runat="server" StepType="Step" Title="Review Type" CssClass="controlfont" 	ValidationGroup="reviewtype" CausesValidation="true" DisplayCancelButton="true">
     <div class="w3-bar-block">
  <span class="w3-bar-item" style="width:50em"><label><b>Review Type:</b></label><br />
	<telerik:RadComboBox ID="dnReviewType" runat="server" DataSourceID="dsUMReviewType" DataTextField="Review_Type" 		DataValueField="Review_Type" OnClientSelectedIndexChanged="dnReviewType_OnIndexChange" EmptyMessage="Select a Review Type" Width="30%" 		ValidationGroup="reviewtype" CausesValidation="true">
	</telerik:RadComboBox>
     	<asp:RequiredFieldValidator ID="ReviewTypeRequiredFieldValidator" runat="server" ControlToValidate="dnReviewType" EnableClientScript="true" 			ValidationGroup="reviewtype" ErrorMessage="*required feild" ForeColor="Red"></asp:RequiredFieldValidator>
      </span>
   </div>
 <div class="w3-bar-item">
     <h6 class="w3-flat-midnight-blue w3-round"><i class="fa-solid fa-info-circle"></i> Select the Review Type for this Timeline..</h6>
   </div>
 </telerik:RadWizardStep>
  <telerik:RadWizardStep ID="WizrdStep3" runat="server" StepType="Step" Title="Urgency" CssClass="controlfont" ValidationGroup="urgencycode" 			CauseValidation="true" DisplayCancelButton="true">
 <div class="w3-bar-block">
   <span class="w3-bar-item" style="width:50em">
      <label><b>Urgency Code:</b></label><br /><telerik:RadComboBox ID="dnUrgencyCode" runat="server" DataSourceID="dsUgencyCode" DataTextField="Urgency_Code" DataValueField="Urgency_Code" EmptyMessage="Select an Urgency Code" OnClientSelectedIndexChanged="dnUrgencyCode_OnIndexChange" Width="30%"></telerik:RadComboBox>
  <asp:RequiredFieldValidator ID="UrgencyCodeRequiredFieldValidator" runat="server" ControlToValidate="dnUrgencyCode" ValidationGroup="urgencycode" EnableClientScript="true" ErrorMessage="*required field" ForeColor="Red"></asp:RequiredFieldValidator>
   </span>
  <div class="w3-bar-item">
 <h6 class="w3-flat-midnight-blue w3-round"><i class="fa-solid fa-info-circle"></i> Select an Urgency Code for this Timeline..</h6>
   </div>
   </div>
  </telerik:RadWizardStep>
  <telerik:RadWizardStep ID="WizardStep4" runat="server" StepType="Finish" Title="Deadline Days" CausesValidation="true" ValidationGroup="nodays" 		DisplayCancelButton="true">
    <table style="width:100%">
    <tr>
      <td style="text-align:right"><b>Days to Deadline:</b></td>
      <td style="text-align:left">
       <telerik:RadNumericTextBox ID="txtDeadline" runat="server" ToolTip="Number of days to Decision Deadline." Value="0" Width="30%"
	NumberFormat-DecimalDigits="0" CausesValidation="true" ValidationGroup="nodays">
       </telerik:RadNumericTextBox>
   <asp:CustomValidator ID="DeadlineCustomValidator" runat="server" ControlToValidate="txtDeadline" EnableClientScript="true" ValidationGroup="nodays" 	ForeColor="Red" ErrorMessage="*value must be greater than zero" ClientValidationFunction="ValidateDeadlineDays"></asp:CustomValidator>
     </td>
   </tr>
   <tr>
    <td style="text-align:right"><b>Extension Days:</b></td>
    <td style="text-align:left">
      <telerik:RadNumericTextBox ID="txtExtension" runat="server" ToolTip="Number of days added to deadline form the 'Extension Sent' Value.." Value="0" 	Width="30%" NumberFormat-DecimalDigits="0" CausesValidation="true" ValidationGroup="nodays"></telerik:RadNumericTextBox>
        <asp:CustomValidator ID="ExtensionCustomValidator" runat="server" ControlToValidate="txtExtension" EnableClientScript="true"
          ValidationGroup="nodays" ForeColor="red" ErrorMessage="*extensions not valid for Post-Service or Urgent UM"           ClientValidationFunction="ValidateExt"></asp:CustomValidator>
     </td>
   </tr>
  <tr>
 <td style="text-align:right; vertical-align:middle">
   <telerik:RadSwitch ID="ckMMSOnly" runat="server" AutoPostBack="false" CssClass="elasticSwitch" OnClientCheckedChanged="ckMMS_OnChange"></telerik:RadSwitch>
   </td>
   <td style="text-align:left;padding-left:5px"><b>:Medication Management Only?</b></td>
  </tr>
  </table>
  </telerik:RadWizardStep>
   <telerik:RadWizardStep ID="WizardStepComplete" runat="server" StepType="Complete" DisplayCancelButton="true" AllowReturn="true">
        <p>Save your changes..</p>
        <br />
        <br />
       <div class="w3-bar">
    <div class="w3-bar-item">
    <!---- Custom Cancel Button --> 
   <button class="w3-btn w3-flat-midnight-blue w3-small w3-round" 
	onclick="btnCancel_OnClick(); return false"><i class="fa-solid fa-cancel"></i> Cancel Changes</button>
   </div>
   <div class="w3-bar-item">
   <button id="btnAdd" class="w3-btn w3-flat-midnight-blue w3-round" onclick="btnAdd_Onclick(); return false"><i class="fa-solid fa-save"></i> Save</button>
   </div>
   </div>
  </telerik:RadWizardStep>
 </WizardSteps>
</telerik:RadWizard>

Client-Side Code

 <script type="text/javascript">
              function wzOnClientLoad(sender, args) {
                  for (var i = 1; i < sender.get_wizardSteps().get_count() ; i++) {
                      sender.get_wizardSteps().getWizardStep(i).set_enabled(false);
                  }
              }
       
              function wzOnClientButtonClicking(sender, args) {
                  var command = args.get_command();
                  if (command == 3) {
                      args.set_cancel(true);
                      btnCancel_OnClick();
                      //return;
                  }
                  if (!args.get_nextActiveStep().get_enabled()) {
                      args.get_nextActiveStep().set_enabled(true);
                  }
              }
        
             function ValidateDeadlineDays(s, e) {
                 var wiz = $find("<%=wzdNewTimeLine.ClientID%>");
                 if (e.Value < 1) {
                     e.IsValid = false;
                     
                    

                 }
                 else {
                     e.IsValid = true;
                     document.getElementById("<%=hdnDealineDays.ClientID%>").value = e.Value;
                 }
             }
       
            function ValidateExt(s, e) {
                var reviewtype = document.getElementById("<%=hdnReviewType.ClientID%>").value;
                var urgencycode = document.getElementById("<%=dnUrgencyCode.ClientID%>").value;
                if (e.Value > 0) {
                    if (reviewtype == "Post-Service" || urgencycode == "Urgent" || urgencycode == "Non-Urgent to Urgent") {
                        e.IsValid = false;
                    }
                }
                else {
                    e.IsValid = true;
                    document.getElementById("<%=hdnExtDays.ClientID%>").value = e.Value;
                }
            }
        
        function ckMMS_OnChange(s, e) {
            document.getElementById("<%=hdnMMS.ClientID%>").value = e._checked;
        }
  
        function btnAdd_Onclick() {
            __doPostBack("<%=pnlTimelines.ClientID%>");
            btnCancel_OnClick();
        }
    
            function btnNewTL_OnClick() {
                var wizcontainer = document.getElementById('newtl');
                wizcontainer.style.display = 'block';
                var wizard = $find("<%=wzdNewTimeLine.ClientID%>");
                wzOnClientLoad(wizard, "");
            }
      
            function dnProduct_OnIndexChange(s, e) {
                var prod = s.get_value();
                if (prod.length > 0) {
                    document.getElementById("<%=hdnProduct.ClientID%>").value = prod;
                }
            }
       
           //** Clear out wizard control values and rest to start **
           function btnCancel_OnClick() {
               $find("<%=dnProduct.ClientID%>").clearSelection();
               $find("<%=dnReviewType.ClientID%>").clearSelection();
               $find("<%=dnUrgencyCode.ClientID%>").clearSelection();
               $find("<%=txtDeadline.ClientID%>").set_value(0);
               $find("<%=txtExtension.ClientID%>").set_value(0);
               $find("<%=ckMMSOnly.ClientID%>").set_checked(false);
               var wizard = $find("<%=wzdNewTimeLine.ClientID%>");
               var wizardsteps = wizard.get_wizardSteps();
               wizardsteps._data[0].set_active(true);
               wizard.set_progressPercent(0);
               document.getElementById("<%=hdnProduct.ClientID%>").value = "";
               document.getElementById("<%=hdnReviewType.ClientID%>").value = "";
               document.getElementById("<%=hdnUrgencyCode.ClientID%>").value = "";
               document.getElementById("<%=hdnDealineDays.ClientID%>").value = 0;
               document.getElementById("<%=hdnExtDays.ClientID%>").value = 0;
               document.getElementById("<%=hdnMMS.ClientID%>").value = false;
               document.getElementById('newtl').style.display = 'none';
           }
       </script>

Wizard

asked on 02 Feb 2023

1 answer

5 views

Japanese is broken in Subject field of Hyperlink Manager

If I register Japanese characters to Subject field of the Hyperlink Manager and open it again, the characters will be broken.
Is there a way to display Japanese correctly?

For example: ああああ

Editor

answered on 30 Jan 2023

0 answers

11 views

losing functionality on export to excel

Hi,

I have a template xlsm file that I import using Radspreadprocessing. If you look at the code it's pretty straightorward.

 Telerik.Windows.Documents.Spreadsheet.Model.Workbook wb;
 Telerik.Windows.Documents.Spreadsheet.FormatProviders.IWorkbookFormatProvider fp = 
         new Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml.Xlsm.XlsmFormatProvider();
On the original imported xlsm, there is a button that runs a macro on the wsRefresh sheeet.
However, when I export the modified input xlsxm the button disappears.
I haven't a clue what I am doing wrong.
Any help would be great.
Thanks ... Ed


using (Stream input = new FileStream(filePath, FileMode.Open))
            {
                wb = fp.Import(input);
            }
            WebClient wc = new WebClient();

            Worksheet wsPivot;
            Worksheet wsData;
            Worksheet wsRefresh;

            wsPivot = wb.Worksheets.GetByName("Pivot");
            wsData = wb.Worksheets.GetByName("Data");
            wsRefresh = wb.Worksheets.GetByName("Refresh");
            int row;
            if (dtFilters.Rows.Count > 0 && wsData != null)
            {
                for (int i = 0; i < dtFilters.Rows.Count; i++)
                {
                    row = i + 2;
copy data from the app to the spreadsheet(s)

                }
          }
 using (MemoryStream stream = new MemoryStream())
            {
                fp.Export(wb, stream);
                //var content = stream.ToArray();
                bytes = stream.ToArray();
                Response.ClearHeaders();
                Response.ClearContent();
                Response.AppendHeader("content-disposition", "attachment; filename=SeedplanReport.xlsm");
                Response.ContentType = "application/vnd.ms-excel";//"application /vnd.openxmlformats-officedocument.spreadsheetml.sheet";
                Response.BinaryWrite(bytes); //content
                Response.End();
            }

Spreadsheet

asked on 27 Jan 2023

1 answer

10 views

GetScreenSize(string userAgent)

What I understand GetScreenDimensions(string userAgent) return 0 If there is no match.

What return GetScreenSize(string userAgent) If there is no match?

        Dim screenSize As DeviceScreenSize = Detector.GetScreenSize(Request.UserAgent)
        If Not screenSize = ?????

And is Telerik.Web.Device.Detection still developing?

Grid

answered on 27 Jan 2023

0 answers

15 views

Save and Restore the filters automatically

This is exactly what I need. But then I tried it. Now my radgrid does not filter at all. It is something in the prerender.. if I remove this.

Then filtering works again. Is there something that I am missing? It is like the preRender is canceling out my filter. I am using a needdatasource

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/grid-save-and-restore-the-filters-automatically

     protected void grdProducts_PreRender(object sender, EventArgs e)
        {
            var grid = (RadGrid)sender;
            // If the flag is True
            if (IsFiltering)
            {
                // Save the Filters
                SaveFilters(grid);
                // Clear the Flag by setting its value to False
                IsFiltering = false;
            }

            // At initial Load (when not is a PostBack)
            if (!IsPostBack)
            {
                // Restore the Filters
                RestoreFilters(grid);
            }
        }