Questions on UI for ASP.NET AJAX Forum

3 answers

410 views

How to show progress bar in inside of radwindow ?

Hai
I need to show the progress bar inside the radwindow ,if i click button it will take 1 to 2 mins for processing,so i need to show the progress bar when page is refreshed .

Regards
Aravind

Window

answered on 30 May 2017

1 answer

98 views

Scripting error when dispose in Edge

Hi,

We get a script error when menu is disposed in Edge.
Other browsers seems fine...

The exception is: Unable to get property 'handleEvent' of undefined or null reference

Example:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="menu.aspx.vb" Inherits="TestaTredjepartWeb.menu" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadMenu ID="menu" runat="server">

</telerik:RadMenu>

</div>

</form>

</body>

</html>

When F12 Developer Tools is running, press F5 to refresh the page, then the dispose script error will occur!

Using Edge 15 and Telerik 2017.2.503.45.

Regards
Andreas

Menu

answered on 30 May 2017

1 answer

79 views

Protected sections support

Hi

Does Telerik Radeditor supports MS Word protected sections?

If it does not support this feature out of the box, could you advise how I can restrict editing of some regions inside Radeditor manually?

Thanks

Editor

answered on 30 May 2017

1 answer

181 views

Type ahead suggestion show in listbox while typing in textbox

I have textbox to enter and below that two listbox in between having buttons to trabsfer items from one to another listbox as shown in attached image.

Now I want functionality where while typing in textbox I will fetch data from DB from show suggestions in left listbox all dynamic.

i.e.

lets say If i type 'Tes' in textbox, system will fetch records which contains entered text and show suggestions in left listbox. Now if I continue to write further 'Testdata' or remove any character already enetered 'Te', the below left listbox should be updated accordingly dynamically.

Thanks in advacnce and any asap help is appreciated.

ListBox

answered on 30 May 2017

1 answer

65 views

Image in Header Tooltip?

How do I get a Header Tooltip to display an image? I have no problem dynamically setting the Grid Header Tooltip in the code behind but I'm falling far short on figuring out how to get the Tooltip to display an image.

Grid

answered on 30 May 2017

1 answer

135 views

Radgrid - Bind detail table based on dropdown value of a master row

I have a Radgrid containing a dropdown list in template column. On the selected index changed event of the dropdown, I want to bind the detail rows based on the value selected in master row.

Example: if the user selects 1 from the dropdown of master row, I need to have 1 detail row, if user selects 2, I need 2 detail rows.

Please help.

Thanks,

-Venu.

General Discussions

answered on 30 May 2017

3 answers

397 views

In rich text editor, image not initially visible when first inserted

I am having an issue with the rich text editor inserting images into a content page using Chrome. When attempting to insert an image after a header line, the image does not appear immediately, but does appear when you toggle from design to html then back to design view. The image is there, but is between an opening and closing break tag, and isn’t visible. Toggling between design and html view appears to clean up the html by removing the beginning break tag and turning the ending break tag into an opening break tag, which appears after the image, rendering the image visible. I have attached a screen shot of the issue. Is there a way to control the html markup when the image is first inserted, so that the image is not between break tags? Thanks.

ImageEditor

answered on 29 May 2017

1 answer

254 views

Filter value with AI (Accent Insensitive)

Hi everbody,

I use your RadDropDownTree control for listings a ressource details (you can see result in attach files). But I need to can be set Accent sensitive (AS) and Accent insensitive (AI) collation difference option (é, ê, è, â, à, ç, ...).

I search on the doc and I didn't see it's possible.

Do you have a solution for I can set a option for use "Accent Insensitive" (As it's possible to do it in sql) ?

Or, can we added a Javascript option to filter code for replace the characters ?

My main code

<telerik:RadDropDownTree ID="ddtResource" runat="server" Width="450px" ExpandNodeOnSingleClick="true"

EnableFiltering="true" CheckBoxes="CheckChildNodes" AutoPostBack="true" OnEntriesAdded="ddtResource_EntriesAdded" >

<ButtonSettings ShowCheckAll="True" ShowClear="True" />

<DropDownSettings Width="425px" />

<FilterSettings Highlight="None"

EmptyMessage="<%$ Resources:AdminLoc, msgEnterResourceName %>" Filter="Contains" MinFilterLength="1" FilterTemplate="ByText" />

</telerik:RadDropDownTree>

.NET

Private Sub PrepareDropdownTree()

With ddtResource

.LocalizationPath = "~/Translations/"

.DataFieldID = "ResourceID"

.DataFieldParentID = "ParentID"

.DataValueField = "ResourceID"

.DataTextField = "ResourceName"

.DataSource = ResourceData

End With

ddtResource.DataBind()

End Sub

Thanks you and have a good day.

Sorry for my bad english :/

DropDownTree

answered on 29 May 2017

0 answers

91 views

Radgrid client side data binding issue

I am trying to make an example about Client side binding. I have 18 data objects and I set page size of grid to 18 but the grid just shows 11 rows on browsers. I don't know what I did wrong. Please give me your advice.

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

 <br

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

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

<form id="form1" runat="server"> 

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> 

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 

<script type="text/javascript"> 

function pageLoad(sender, args) { var tableView = $find("<%= cartRadGrid1.ClientID %>").get_masterTableView(); var data = [ { "RecordID": 1, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 2, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 3, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 4, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 5, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 6, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 7, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 8, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 9, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 10, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 11, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 12, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 13, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 14, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 15, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 16, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 17, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 18, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 } ]; tableView.set_dataSource(data); tableView.dataBind(); } function rowDataBound(sender, args) { var gridItem = args.get_item(); var record = args.get_dataItem(); var templateCell = gridItem.get_cell("TemplateColumn"); $get("Manufacturer", templateCell).innerHTML = record.Manufacturer; $get("Productname", templateCell).innerHTML = record.Productname; var editCell = gridItem.get_cell("TemplateEditColumn"); $get("Quantity", editCell).innerHTML = record.Quantity; } </script> </telerik:RadScriptBlock> <div> 

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"> <telerik:RadGrid ID="cartRadGrid1"  runat="server" AllowPaging="True"> <PagerStyle Mode="NumericPages" /> <MasterTableView AutoGenerateColumns="False" DataKeyNames="RecordID" ClientDataKeyNames="RecordID" Width="100%" CommandItemDisplay="None" PageSize="18"> <Columns> <telerik:GridBoundColumn DataField="RecordID" HeaderText="RecordID" ReadOnly="True" SortExpression="RecordID" UniqueName="RecordID" Visible="false"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ARAGRNR" HeaderText="ARAGRNR" SortExpression="ARAGRNR" UniqueName="ARAGRNR" Visible="false"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="TemplateColumn"> <HeaderTemplate></HeaderTemplate> <ItemTemplate> <span id="Manufacturer"> <br /> <span id="Productname"> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="TemplateEditColumn"> <HeaderTemplate></HeaderTemplate> <ItemTemplate> <span id="Quantity"> <asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> <CommandItemTemplate> <a href="#" onclick="return false;">Add New Record</a> </CommandItemTemplate> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="true" /> <ClientEvents OnRowDataBound="rowDataBound" OnCommand="function() {}" /> </ClientSettings> </telerik:RadGrid> </telerik:RadAjaxPanel> </div> </form> </body> </html>

Grid

asked on 29 May 2017

2 answers

245 views

Radgrid Excel Filter columns options menu

Hi Good day to All,

I would like to ask how to specify column names which will

appear on "Columns" part of the radgrid Excel Filter menu.

We have a checkbox template column and we don't want it to

be included in the list. as for the other columns they are auto generated.

thanks in advance

here the code for rad grid

<telerik:RadGrid ID="rgTestGrid" runat="server" AutoPostBackOnFilter="true" Skin="Silk" Width="100%" Height="100%" EnableViewState="false" AllowPaging="true" AllowSorting="True" GridLines="None" AllowMultiRowSelection="False" AllowFilteringByColumn="true" FilterType="HeaderContext" EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" CssClass="table_RadGrid" Style="overflow-y: hidden; width: 150%; border-left-width: 1px; margin-right:100px" HeaderStyle-BackColor="#5897ce" HeaderStyle-Font-Size="13px"

HeaderStyle-BorderColor="#1e486d" HeaderStyle-Font-Bold="true" HeaderStyle-ForeColor="White" HeaderStyle-CssClass="Header-Grid-Banking Checkbox-Grid-Banking">

<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed" CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ShowRefreshButton="True"

CommandItemSettings-ShowExportToPdfButton="True" CommandItemSettings-ShowExportToWordButton="True" CommandItemSettings-ShowExportToCsvButton="True">

<Columns>

<telerik:GridTemplateColumn ReadOnly="true" UniqueName="CheckBoxTemplateColumn" EnableHeaderContextMenu="true" Visible="true">

<ItemTemplate>

<telerik:RadCheckBox ID="Chk2" runat="server" OnClick="rbWPFileName_OnCheckedChanged" AutoPostBack="true" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<%--<Columns>

<telerik:GridDateTimeColumn DataField="OrderDate" HeaderText="Date" UniqueName="Date" DataType="System.DateTime" SortExpression="Date" DataFormatString="{0:MM//dd/yy}"></telerik:GridDateTimeColumn>

</Columns>--%>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="true" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 29 May 2017