Questions on UI for ASP.NET AJAX Forum

1 answer

138 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

414 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

264 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

93 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

246 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

144 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

169 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

463 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

2 answers

154 views

Send exported ClientExport image to RadImageEditor

What I'm looking to accomplish is an application that allows a user to mark a document/Draw on it and have that document be stored on the server as a PDF or image file for archiving.

I'm using Visual Studio 2013 with .net 4.6.1 and it's a webforms project in ASP/C#.

The general flow is:

1. Webform served and filled out with relevant information (text boxes. drop downs, etc).

2. ** Completed webform saved as an image by user button press and either sent to directory on server or streamed to RadImageEditor.

3. Image loaded into RadImageEditor

4. User draws/writes on image.

5. RadImageEditor saves updated image in temp directory.

6. Updated image saved on server as PDF with RadPDFProcessing.

I have most of the steps working/complete, I'm only missing a crucial step #2. I cannot seem to figure out how to save a ClientExport image to be loaded into the RadImageEditor.

Even if I have to cache the file locally on a users pc, that is ok but I would prefer server if that's possible. I just need to be able to perform this functionality without needing direct user intervention between steps 1 and 6.

I read through the documentation on saving a pdf here http://docs.telerik.com/devtools/aspnet-ajax/controls/clientexportmanager/client-side-programming/events/pdfexporting but was unable to get it to work. I kept getting iis tracelog xml files that would report failed requests with code 200.

Any help or pointing in the right direction would be greatly appreciated.

ClientExportManager

answered on 26 May 2017

5 answers

481 views

Enable Required Field Validator with AjaxManger

I doubt this is a Telerik component problem but maybe someone here has run across it and has the answer.

I have a form that has a Checkbox, 2 textareas, 2 required field validators, randscriptmanager and an radajaxmanager on it. The first required validator has it's enabled property set to false. If the user clicks the check box the code enables that validator. I have the radajazmanager set to update the validator on the checkbox click.

The problem is that it appears that the clientside validation for the first validator stops working after the ajax postback. The second validator, the one that was enabled the whole time works fine but the second one will not work until a normal post back occurs.

Hope fully that makes sense. Here is the code.

Partial Class valtest

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

End Sub

Protected Sub uiCEUsOffered_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles uiCEUsOffered.CheckedChanged

RequiredFieldValidator11.Enabled = uiCEUsOffered.Checked

RequiredFieldValidator11.EnableClientScript = uiCEUsOffered.Checked

End Sub

End Class

aspx code

<div>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td align="right" class="body-text-17" valign="top">

CEUs offered:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:CheckBox ID="uiCEUsOffered" runat="server" Text="Yes"

CssClass="body-text-17" AutoPostBack="True" />

</td>

</tr>

<tr>

<td colspan="3" align="right" class="body-text-17">

<img src="/images/spacer-transparent.gif" height="4">

</td>

</tr>

<tr>

<td align="right" class="body-text-17" valign="top">

if so, what type and information on how to register:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:TextBox ID="uiCEUsRegisterInfo" runat="server" CssClass="field-resource-mission"

Height="81px" TextMode="MultiLine"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server"

ControlToValidate="uiCEUsRegisterInfo" Enabled="False"

ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td height="30" colspan="3" align="right" class="body-text-17">

</td>

</tr>

<tr>

<td align="right" class="body-text-17" valign="top">

what to bring:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:TextBox ID="uiWhatToBring" runat="server" CssClass="field-resource-mission"

Height="81px" TextMode="MultiLine"></asp:TextBox>

<asp:RequiredFieldValidator ID="Validator8" runat="server" Display="Dynamic"

ErrorMessage="Required" ControlToValidate="uiWhatToBring"

CssClass="validation-error" ForeColor=""></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td height="30" colspan="3" align="right" class="body-text-17">

</td>

</tr>

<tr>

<td align="right" class="body-text-17">

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:Button ID="uiSubmit" runat="server" Text="Submit" />

<asp:Button ID="uiCancel" runat="server" Text="Cancel" Visible="False" />

</td>

</tr>

</table>

<br />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

EnablePageHeadUpdate="False">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="uiCEUsOffered">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RequiredFieldValidator11"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<br />

</div>

Any help would be greatly appreciated. Thanks

Brian

Ajax

answered on 26 May 2017