Questions on UI for ASP.NET AJAX Forum

9 answers

421 views

Hi,

I'm trying to replace ASP.NET Ajax TreeView control with a Telerik component.

For each level, we use different style and backgroud image. We have two issues:

We would like to move text to the right 20 px. With Ajax we can do it with CSS padding.
Hower is not working.

Please notice that we need to use different hover, selected etc for each level. It seems that Hover is infact moving text 20 px to the right, but it will also override background image.

Best regards, Mikko

TreeView

answered on 10 Dec 2019

3 answers

1.0K+ views

Disable Google Font API calls at AJAX controls completely

Hello,

Because of design requirements we don't want to load fonts from google fonts api.
We are using Telerik AJAX controls V2017.2.711.45.

I already read the following article about providing the Roboto font, if no internet connection exists.
But this solution only overrides the font but still calls the api and I want to completely remove the api calls.
Mentioned reference:
http://www.telerik.com/support/kb/aspnet-ajax/details/use-material-skin-without-active-internet-connection

Even if I select a theme with no Roboto font in it (like Bootstrap for example) the api gets called.
Is there a setting to disable this call?

Thanks in advance

General Discussions

answered on 06 Dec 2019

11 answers

563 views

Customizing Delete Confirmation Message

Hei!

Is it possible to override the css class of buttons in delete confirmation message? And is it possible to put some custom string in this message (e.g. the phone number of person you are trying to delete)?

Thanks for answer

Radek

Scheduler

answered on 05 Dec 2019

3 answers

256 views

Unable to find radlistbox on asp.net client side button click event

Hi I have a radlistbox with SelectionMode="Multiselect". I want to get the count of checked items of listbox on button click. I tried to get the count by finding control on button click event but i am not able to find the control.

HTML Code:
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%">

<div>

<asp:Table>

<asp:TableRow>
<asp:TableHeaderCell>
<telerik:RadLabel ID="RadLabel_abc" runat="server" Text="ABC"></telerik:RadLabel>
</asp:TableHeaderCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell>

<telerik:RadListBox ID="rlbAbc" runat="server"
Height="100px"
Width="480px"
AllowTransfer="false"
AllowTransferOnDoubleClick="false"
TransferToID="rlbChosen"
EnableDragAndDrop="true"
OnClientTransferring="rlbAbc_OnClientTransferring"
CheckBoxes="true"
ButtonSettings-ShowTransferAll="false"
EnableViewState="false"
SelectionMode="Multiple"/>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</telerik:RadAjaxPanel>

.VB File

Protected Sub RadButton_AddToList_Click(sender As Object, e As EventArgs)

GetSelectedItemText("rlbABC")

End Sub

Public Function GetSelectedItemText(ByVal controlID As String) As String
Dim theListbox As RadListBox = CType(FindControl(controlID), RadListBox)
For idx As Integer = 0 To theListbox.Items.Count - 1
Dim li As RadListBoxItem = theListbox.Items(idx)

If theListbox.Items(idx).Selected = True Then
Return theListbox.Items(idx).Text
End If
Next

Return Nothing
End Function

But I am not able to find control. Can anyone suggest a better way to do this. My main objective is to get count of checked items of list box on button click

General Discussions

answered on 04 Dec 2019

4 answers

664 views

Disabling the Embedded jQuery using Telerik.ScriptManager.EnableEmbeddedjQuery key in web.config doesnt work

We need to disable embedded JQuery used in latest Telerik UI for ASP.NET AJAX 2017.3.913 library since it is using old jQuery version (version 1.11.1) and we have been advised to refer to disabling the embedded jQuery to do it (Ticket ID:1143165).

Unfortunately disabling it through web.config Telerik.ScriptManager.EnableEmbeddedjQuery key doesnt work. The application still loads old jQuery file.

We cannot use following suggestion to disable embedded jQuery since existing application is heavily depend on <asp:ScriptManager> and changing it to <telerik:RadScriptManager> breaks the existing code.

Disable the built-in jQuery on a concrete page.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableEmbeddedjQuery="false"><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.jQueryExternal.js" /><asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" /></Scripts></telerik:RadScriptManager>

Appreciate if you could help us with this.

Thanks

Lak

General Discussions

answered on 04 Dec 2019

10 answers

560 views

How to Solve Export To PDF Using RadClientExportManager For RadHtmlChart

Hi
How to Solve Export To PDF Using RadClientExportManager For RadHtmlChart
not support Persian Characters in Export PDF Using "RadClientExportManager"
As pictured below :

Attached file

Is there another way : Client Side OR Server Side

Chart (HTML5)

answered on 03 Dec 2019

3 answers

412 views

How to export the editor content with image into word doc

Hi,

I am inserting image into the editor using image Manager and writing some contents in the editor.I would like to export the editor content with images to word document.

Am using these below code to export to word

               HttpContext.Current.Response.Clear();
                HttpContext.Current.Response.Charset = "";

                HttpContext.Current.Response.ContentType = "application/msword";
                string strFileName = "";

                strFileName = "GenerateDocument" + ".doc";

                HttpContext.Current.Response.AddHeader("Content-Disposition",
                  "inline;filename=" + strFileName);

                StringBuilder strHTMLContent = new StringBuilder();
                strHTMLContent.Append("<body lang=EN-US >");
                strHTMLContent.Append(RadEditor1.Content);
                strHTMLContent.Append("</body>");


                HttpContext.Current.Response.Write(strHTMLContent);
                HttpContext.Current.Response.End();
                HttpContext.Current.Response.Flush();

But I am not able to export the image into word doc.

please solve my problem.I have to export the image into the word document

Thanks for any help

Editor

answered on 03 Dec 2019

206 answers

2.9K+ views

Latest online resources for UI for ASP.NET AJAX

Hi everyone,

Below you can find the list of latest resource for Telerik UI for ASP.NET AJAX suite. Resources are posted by chronological order.

To navigate to the latest one you can use the link below:

Link to Latest Online Resources (3 December 2019)

Online Resources from 23.11.2012:

New Articles

RadEditor: Inner toolbars are displayed in multiple lines
When there are CSS styles applied through global selectors (tag names) the elements in the RadEditor may not have the expected rendering.

RadMenu: Creating Context Menu at Runtime
Help article that describes how to create RadContextMenu at runtime.

Update Articles

RadInput: Understanding the Single Rendering HTML Output and CSS Styling
Updated almost the whole content.

RadPivotGrid: Range Grouping in RadPivotGrid
Added ShowGroupsWhenNoData property.

RadListBox
Added code examples in the following articles:

RadAsyncUpload
Added code examples in the following articles:

General Discussions

answered on 03 Dec 2019

1 answer

122 views

RadWindow triggering wrong closeEvent

Hi,
i'm having trouble while closing a RadWindow.
I can't post the entire project because of the dimensions but i'm posting as much code as possibile of what i think could be relevant.

In my project there's a JS function used to get the rad window and you'll see it used in TS scripts as window.GetRadWindow():

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement)

if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

I have a base page that opens a RadWindow (here called WINDOW1) with this code, and with this close event attached:

private btnAddFarmacoClick(): void {

window.DeskDataEditing(true);

var url = `${this.schedaRicFarmaGestFarmacoUrl}?IdItem=-1&IdFarmaco=-1`;

let oBrowserWnd = window.GetRadWindow();

setTimeout(() => {

let oWnd: t.RadWindow = oBrowserWnd ? oBrowserWnd.BrowserWindow.radopen(url, "wSchedaRicGestFarm") : window.radopen(url, "wSchedaRicGestFarm");

oWnd.moveTo(10, 10);

oWnd.set_height(400);

oWnd.set_width(700);

oWnd.set_modal(true);

oWnd.set_title("Titolo");

oWnd.set_visibleTitlebar(true);

oWnd.set_visibleStatusbar(false);

oWnd.set_behaviors(t.WindowBehaviors.Move | t.WindowBehaviors.Close);

oWnd.remove_close(this.farmacoRiconciliazioneClose$dlg);

oWnd.add_close(this.farmacoRiconciliazioneClose$dlg);

//oWnd.set_destroyOnClose(true);

}, 0);

}

private farmacoRiconciliazioneClose(oWnd: any, args: any): void {

oWnd.remove_close(this.farmacoRiconciliazioneClose$dlg);

var arg = args.get_argument();

if (arg != null) {

//DO THINGS

}

Then, in WINDOW1, i open another rad window (WINDOW2) with this script and event attached:

private ricercaFarmacoClick(): void {

let url = `${this.ricercaFarmaciUrl}?Close1Step=1&idTest=-1`;

let oBrowserWnd = window.GetRadWindow();

setTimeout(() => {

let oWnd: t.RadWindow = oBrowserWnd ? oBrowserWnd.BrowserWindow.radopen(url, "wSchedaRicFarmRicercaFarmaco") : window.radopen(url, "wSchedaRicFarmRicercaFarmaco");

oWnd.moveTo(10, 10);

oWnd.set_height(570);

oWnd.set_width(800);

oWnd.set_modal(true);

oWnd.set_visibleStatusbar(false);

oWnd.set_behaviors(t.WindowBehaviors.Move | t.WindowBehaviors.Close);

oWnd.remove_close(this.ricercaFarmacoClose$dlg);

oWnd.add_close(this.ricercaFarmacoClose$dlg);

//oWnd.set_destroyOnClose(true);

}, 0);

}

private ricercaFarmacoClose(oWnd, args): void {

oWnd.remove_close(this.ricercaFarmacoClose$dlg);

let arg = args.get_argument();

if (arg != null) {

//DO THINGS

}

In WINDOW2 i open a third rad window (WINDOW3) with no event attached:

private dettaglioFarmacoClick(sender: any) {

if (sender && sender.currentTarget) {

let idFarmaco = sender.currentTarget.getAttribute("data-id-farm");

let url = `${this.dettaglioFarmacoUrl}?IdFarmaco=${idFarmaco}`;

let oBrowserWnd = window.GetRadWindow();

setTimeout(() => {

let oWnd = oBrowserWnd ? oBrowserWnd.BrowserWindow.radopen(url, "wRicercaFarmaciDettaglioFarmaco") : window.radopen(url, "wRicercaFarmaciDettaglioFarmaco");

oWnd.moveTo(10, 10);

oWnd.set_height(600);

oWnd.set_width(800);

oWnd.set_modal(true);

oWnd.set_visibleStatusbar(false);

oWnd.set_behaviors(t.WindowBehaviors.Move | t.WindowBehaviors.Close);

oWnd.set_destroyOnClose(true);

}, 0);

}

WINDOW3 has nothing special: some readonly data, and can be closed by the X of the rad window itself and from a button that does this:

function CloseModal() {

setTimeout(function () {

GetRadWindow().close();

}, 0);

}

The problem occurs whem i close WINDOW3:
i expect nothing to happen, instead the ricercaFarmacoClose of WINDOW1 is called. Obviously this beahviour causes all the chain of events to break.
I tried adding and removing all the destroyonclose without success. It's been 4 days of debugging, trying and failing at solving this problem.

Is there something i am missing?

Tanks in advance

Window