Questions on UI for ASP.NET AJAX Forum

0 answers

82 views

Select button position

I have hidden the input field so that only the select button is displayed:

HideFileInput="True"

I want the select button to appear alongside other radButton controls so it does not look out of place.

I guess I have to do some css to override 'ruSelectWrap'?

If this means also hiding the selected file list, that is fine.

But would like 'Upload' inline with the other rad buttons?

Thanks

AsyncUpload

asked on 14 Nov 2017

0 answers

128 views

RadDatePicker Not showing up until postback

Hi I have a datepicker control on my webpage, but it will not open unless I do a post back of some sort. For example sorting a column on the page's RadGrid. Once the postback happens it works as expected. I tried added the on open client event, confirming that nothing happens when you click the text box or button to open the calendar. There is nothing on the server side code behind that affects the control either. I'm completely stumped, any help is appreciated. This is what my control looks like:

<telerik:RadDatePicker runat="server" ID="calFromDate" Skin="MetroTouch" Width="100px" Height="29px" BorderColor="#ccc"

ShowPopupOnFocus="true" DatePopupButton-Visible="true">

<Calendar ID="Calendar1" runat="server" EnableKeyboardNavigation="true" ShowRowHeaders="False">

</Calendar>

DatePicker

asked on 13 Nov 2017

12 answers

341 views

Losing pager after exporting

Hi,

I've a problem when try to exporting my radgrid with excel button.
When exporting the data, page loses the pager.

Data was exported successfully.

How can i resolve this problem?

Thanks
Regards

Grid

answered on 13 Nov 2017

0 answers

91 views

RadGrid and Selected Row values

Just starting with RadGrid..

Have grid with a TemplateField, which has an ImageButton. When clicked it will show a form below the grid (not associated with grid data) with 2 textboxes and a button. When the button is clicked, it needs to get the values associated with the row that was clicked (only 1 row can be selected) server side . How can I get the values of specific cells in that row, server side? I have added the DataKeyNames on the MasterTableView. If I get the DataKeyNames is there a way to use that to get the values of the cells I want?

Trying to recreate functionality in Intersoft Solutions webUI Grid as we move to Telerix.

thanks

Grid

asked on 13 Nov 2017

4 answers

181 views

Dates doesn't show up right in when downloaded to excel

Hi,

I've radGrid in which I display couple of date columns. I format the date using DataFormatString property. It displays good in grid as I want. But when downloaded to excel the values don't make any sense to me.

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false" />

<telerik:GridBoundColumn DataField="LiquidationDate" UniqueName="LiquidationDate" HeaderText="Liquidation Date" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />

Attached images to show how they are displayed in grid vs excel. Please help.

Grid

answered on 13 Nov 2017

4 answers

181 views

Export to Pdf/Word/Csv/Excel from grid placed in RadAjaxPanel

hi,
i am having grid(placed) in RADAJAXPANEL and i want export to all but when i click to any button for exporting nothing will happen
How can i do this?
my Grid is

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<%-- EnableViewState="False" --%>

<telerik:RadGrid ID="RadGrid1" runat="server" Width="530px" OnNeedDataSource="RadGrid1_NeedDataSource"

AllowPaging="true" PageSize="10" AllowSorting="true" ShowGroupPanel="True" Skin="Default"

OnDeleteCommand="RadGrid1_DeleteCommand" HeaderStyle-Font-Bold="true" OnPreRender="RadGrid1_PreRender"

OnUpdateCommand="RadGrid1_UpdateCommand" OnItemCreated="RadGrid1_ItemCreated"

OnInsertCommand="RadGrid1_InsertCommand">

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true">

<Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm"

BorderStyle="Medium" BorderColor="#666666">

</Pdf>

<Csv />

<Excel />

</ExportSettings>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"></PagerStyle>

<ClientSettings Selecting-AllowRowSelect="true" AllowDragToGroup="True" EnablePostBackOnRowClick="true">

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

</ClientSettings>

<MasterTableView EditMode="EditForms" AutoGenerateColumns="true" DataKeyNames="CompId"

CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="true">

<CommandItemSettings ShowExportToPdfButton="true" />

<CommandItemSettings ShowExportToCsvButton="true" />

<CommandItemSettings ShowExportToExcelButton="true" />

<CommandItemSettings ShowExportToWordButton="true" />

<EditFormSettings FormMainTableStyle-HorizontalAlign="Center" EditColumn-ButtonType="ImageButton"

FormTableStyle-Width="300px" FormTableButtonRowStyle-HorizontalAlign="Center"

FormTableStyle-CellPadding="3" FormMainTableStyle-Font-Bold="true" FormMainTableStyle-ForeColor="Purple"

FormStyle-CssClass="" FormTableStyle-CellSpacing="5" InsertCaption="Add New Record"

FormCaptionStyle-Font-Bold="true" FormCaptionStyle-Font-Underline="true" FormCaptionStyle-ForeColor="Black"

FormCaptionStyle-Font-Size="Large" FormCaptionStyle-HorizontalAlign="Center"

FormCaptionStyle-Width="100%">

<FormStyle Width="100%" BackColor="LightCyan"></FormStyle>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

<MasterTableView>

<Columns>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"

ButtonType="ImageButton" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

thanks

Grid

answered on 12 Nov 2017

2 answers

446 views

Convert a label to textbox to edit it.

Do you have a sample for which you can convert a label to text box and update it ?

Label

answered on 11 Nov 2017

1 answer

90 views

Javascript Error in IE11 with Decoration of Select Control

We are seeing a JavaScript error when we select an Option in a Select control with a ASP Postback on IE11 via keyboard input.

<%@ Page Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.Page" %>

<script runat="server">

void Page_Load(object sender, EventArgs e)

{

decorator.DecoratedControls = FormDecoratorDecoratedControls.Select;

}

</script>

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

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

<head>

<title>DD Test Page</title>

</head>

<body>

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

<telerik:RadScriptManager runat="server" />

<telerik:RadAjaxManager runat="server" />

<telerik:RadFormDecorator ID="decorator" runat="server" DecorationZoneID="Panel1" EnableEmbeddedSkins="false" RenderMode="Lightweight" />

<telerik:RadAjaxPanel ID="Panel1" runat="server">

<asp:DropDownList ID="DD1" runat="server" AutoPostBack="true">

<asp:ListItem Text="[Select]" Value="" />

<asp:ListItem Text="T1" Value="1" />

<asp:ListItem Text="T2" Value="2" />

</asp:DropDownList>

<asp:Button runat="server" Text="Refresh" />

</telerik:RadAjaxPanel>

</form>

</body>

</html>

Reproduce by clicking the DropDown control, and then pressing 'T', and then clicking on a blank section of the page.

Do any workarounds exist for avoiding this error?

FormDecorator

answered on 10 Nov 2017

3 answers

131 views

Position off by scroll height

I can't seem to replicate this with your demo site - but am hoping someone can point me in the right direction.

We are using the Metro theme - with the default AjaxLoadingPanel control.

In Chrome (latest standard release), when zoomed at 100% the AjaxLoadingPanel always appears exactly over the control it is supposed to. If you zoom in - it still works - so long as you have not scrolled down the screen at all. As soon as you scroll down the screen - even slightly, then execute a callback that will display the AjaxLoadingPanel, and its position is offset downward by the scroll distance of the page.

This same issue happens with RadWindows that are set to open and autosize to the center of the browser. In the same scenario - they get pushed to the bottom of the screen - and if you try and drag them up - they snap back to the bottom.

We are trying to track down what could cause this - but not sure how the toolset is deciding where to place things?

AjaxLoadingPanel

answered on 10 Nov 2017

3 answers

111 views

AutoResizeHeight on pasteHtml

I am inserting content into the RadEditor from a custom image upload dialog. The paste code does not properly resize the Editor height. The dialog window automatically closes, and the pasted content overflows down the page rather than being contained in the editor. Once I click into the editor area, it resizes properly.

Is there a way to trigger recognition of the new content via javascript? Or fake a click into the content area?

Thank you.

Editor

answered on 10 Nov 2017