Questions on UI for ASP.NET AJAX Forum

1 answer

206 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

82 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

154 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

447 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

282 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

107 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

261 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

1 answer

162 views

What is the alternate of "height:calc(100% - 20px)"

For the asp web controls, we can use something like "height:calc(100% - 20px)" to define the height and width.

However when I tried to use it for telerik control:

Height="calc(100%-20px)"

I got parser error.

Thanks.

General Discussions

answered on 29 May 2017

0 answers

190 views

Bottom padding of combobox between controls

Hi,

I have a bunch of controls in a table, the problem I have is that the bottom padding seems to add 2 pixels, so every combobox is too separated from others controls, and I cannot change that padding.

You can see what I mean in the picture attached.

Thanks

ComboBox

asked on 28 May 2017

2 answers

487 views

Not getting UploadedFiles.Count although file is attached to RadAsyncUpload

I am using RadAsyncUpload control to upload the single file on button click. But when I hit the button, RadAsyncUpload.UploadedFiles.Count always says 0. Below is my code.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="QuestionDesigner.aspx.cs"

MasterPageFile="~/Enigma/Masters/Main.master" Inherits="Enigma_QuestionDesigner"

EnableEventValidation="false" ValidateRequest="false" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">

<Scripts>

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Core.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressManager.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQuery.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQueryPlugins.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadUpload.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/AsyncUpload/RadAsyncUploadScripts.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Popup/PopupScripts.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressArea.js" />

</Scripts>

</asp:ScriptManager>

<asp:UpdatePanel ID="upQuestionSection" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<div>

<telerik:RadAsyncUpload ID="fileNodeDefinition" runat="server" MaxFileInputsCount="1"

AllowedFileExtensions=".xml" MaxFileSize="52428800">

</telerik:RadAsyncUpload>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

Below is Cs File Code

public void btnSave_Click(object sender,EventArgs e)

{

string filePath;

if (fileNodeDefinition.UploadedFiles.Count > 0)

{

string file = fileNodeDefinition.UploadedFiles[0].FileName;

filePath = HttpContext.Current.Server.MapPath(".\\Upload\\") + file;

fileNodeDefinition.UploadedFiles[0].SaveAs(filePath);

fileNodeDefinition.UploadedFiles.Clear();

fileNodeDefinition = null;

}

Thanks & Regards,
Sweta Chotalia

AsyncUpload

answered on 28 May 2017