Questions on UI for ASP.NET AJAX Forum

0 answers

130 views

Add validation Before insert image to the texteditore and after click insert button in the image manger

We need to add custom message saying upload image size is too big or not after click insert button in the image manager. I know there is a option to do it from clicking upload button but its not match for our requirement.

Like the following image we need to executive custom function after click the insert button.

Editor

asked on 09 Feb 2023

1 answer

449 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

answered on 07 Feb 2023

0 answers

210 views

help~~I'm getting an error with Telerik

Telerik.Web.UI

Upgrade from old version to last new version

old version：2014

new vesion：2022.3.913.40

1.Data paging and excel export are abnormal

If you click next page or the last page or switch the number of pages, all control data becomes empty exception, and cannot return, only refresh the page

2.office excel error also occurs in exported data

The above functions in the old version instinct to work normally, the new version error, I do not know how to repair

UI for ASP.NET AJAX in ASP.NET MVC

asked on 07 Feb 2023

1 answer

108 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

148 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

1 answer

108 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

178 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

105 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

1 answer

130 views

How to focus searbox in javascript?

I have a searchbox in a radwindows. Id like to focus my searchbox on opening the radwindows in javascript. Is it possible?

SearchBox

answered on 25 Jan 2023

0 answers

264 views

How To: ItemTemplate show formatted data and EditItemTemplate show unformatted data

<telerik:GridTemplateColumn  HeaderStyle-Width="10%" ItemStyle-Width="10%" AllowFiltering="false" UniqueName="editPercentComplete" HeaderText="% Work Complete" DataField="PercentComplete" ReadOnly="false" ItemStyle-HorizontalAlign="Right">
                                    <ItemTemplate>
                                        <asp:Label ClientIDMode="Static" ID="PercentCompleteLabel" runat="server" Text='<%# Eval("PercentComplete","{0:#,#;(#,#);0}%") %>'></asp:Label>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <asp:TextBox ID="PercentCompleteTextBox" runat="server" AutoPostBack="true" Width="90%" CommandName="PercentWorkComplete" OnTextChanged="PercentCompleteTextBox_TextChanged" ClientIDMode="Static" Text='<%# Bind("PercentComplete") %>'></asp:TextBox>
                                    </EditItemTemplate>
                                </telerik:GridTemplateColumn>

We are working on a solution and one of the columns on one of the pages is a percentage complete column.

When in view mode the ItemTemplate should show the value with the % symbol like

53%

When user click into the cell and the EditItemTemplate shows it should show the data without the % like as follows:

53

This just wont work. The EditItemTemplate is just an asp.net TextBox. No matter how I bind it when the TextBox gets loaded it just seems to get the text in the label.

I thought behind the scenes the grid would create the HTML for the label and bind it with the formatted text and the TextBox would be created with the unformatted text, but that doesnt seem to be the case.

Grid

asked on 24 Jan 2023