Questions on UI for ASP.NET AJAX Forum

1 answer

380 views

Issue With Grid, RadEditor and RadDateTimePicker

I have a grid on a page, and for the edit settings, I have it set to Template with my own built add/edit area. In this area, I have a RadEditor and two RadDateTimePickers. On my MasterPage, I have the Telerik ScriptManager with some JS files loaded. When I try to add or edit an item for my grid, I am presented with my entry area BUT I am unable to select a date from either of the RadDateTimePickers. The console shows "Uncaught TypeError: p.onEvent is not a function" in the Telerik.Web.UI.WebResource.axd.

My markup is this:

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div class="grid-outline">

<b>Alerts</b>

<telerik:RadAjaxLoadingPanel runat="server" ID="radLpAlerts"></telerik:RadAjaxLoadingPanel>

<telerik:RadGrid runat="server" ID="radAlerts" AllowPaging="True" AllowSorting="True" ShowHeader="True" GridLines="None"

OnNeedDataSource="radAlerts_OnNeedDataSource" OnItemCommand="radAlerts_OnItemCommand" OnItemDataBound="radAlerts_OnItemDataBound"

OnInsertCommand="radAlerts_OnInsertCommand" OnUpdateCommand="radAlerts_OnUpdateCommand" OnDeleteCommand="radAlerts_OnDeleteCommand">

<ClientSettings AllowColumnsReorder="False" EnableRowHoverStyle="True" EnablePostBackOnRowClick="True">

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

<Scrolling UseStaticHeaders="True"></Scrolling>

</ClientSettings>

<MasterTableView DataKeyNames="alert_id" AutoGenerateColumns="False" AllowMultiColumnSorting="True" EnableHeaderContextMenu="True"

CommandItemDisplay="TopAndBottom" Height="100%">

<NoRecordsTemplate>No Active Alerts.</NoRecordsTemplate>

<CommandItemSettings ShowAddNewRecordButton="True" ShowCancelChangesButton="False" ShowSaveChangesButton="False" ShowRefreshButton="True" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<HeaderStyle Width="1%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left" Width="1%"></ItemStyle>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Deactivate this item?" ConfirmDialogType="RadWindow" ConfirmTitle="Deactivate" ButtonType="ImageButton"

CommandName="Delete" ConfirmDialogHeight="160px" ConfirmDialogWidth="250px" UniqueName="DeleteColumn">

<HeaderStyle Width="1%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" Width="1%"></ItemStyle>

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="alert_id" HeaderText="ID" Visible="False"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="alert_text" HeaderText="Type" AutoPostBackOnFilter="True">

<HeaderStyle Width="50%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="start_date" HeaderText="Start Date" FilterControlWidth="80%" AutoPostBackOnFilter="True">

<HeaderStyle Width="10%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left"></ItemStyle>

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="end_date" HeaderText="End Date" FilterControlWidth="80%" AutoPostBackOnFilter="True">

<HeaderStyle Width="10%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left"></ItemStyle>

</telerik:GridDateTimeColumn>

<telerik:GridCheckBoxColumn DataField="inactive" HeaderText="Inactive" AutoPostBackOnFilter="True">

<HeaderStyle Width="5%"></HeaderStyle>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left" Width="5%"></ItemStyle>

</telerik:GridCheckBoxColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="alert_id"></EditColumn>

<FormTemplate>

<table class="editTable">

<tr>

<td style="width: 50%;">

<telerik:RadEditor runat="server" ID="radAlertText" RegisterWithScriptManager="True" EnableResize="True" Width="100%"></telerik:RadEditor>

<asp:RequiredFieldValidator runat="server" ID="rvAlertText" ControlToValidate="radAlertText" ErrorMessage="Please enter alert text"

Display="Dynamic">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadDateTimePicker runat="server" ID="radAlertStartDateTime" Width="90%">

<Calendar>

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today">

<ItemStyle BackColor="LightGray" Font-Bold="True" BorderStyle="Solid" BorderColor="Black" BorderWidth="1px"></ItemStyle>

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<TimeView Interval="00:15:00" Columns="6"></TimeView>

<DateInput DisplayDateFormat="yyyy-MM-dd h:mm tt" DateFormat="yyyy-MM-dd h:mm tt" EmptyMessage="Alert Start Date/Time"></DateInput>

</telerik:RadDateTimePicker>

<asp:RequiredFieldValidator runat="server" ID="rvStartDate" ControlToValidate="radAlertStartDateTime" ErrorMessage="Please enter a Starting Date"

Display="Dynamic">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadDateTimePicker runat="server" ID="radAlertEndDateTime" Width="90%">

<Calendar>

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today">

<ItemStyle BackColor="LightGray" Font-Bold="True" BorderStyle="Solid" BorderColor="Black" BorderWidth="1px"></ItemStyle>

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<TimeView Interval="00:15:00" Columns="6"></TimeView>

<DateInput DisplayDateFormat="yyyy-MM-dd h:mm tt" DateFormat="yyyy-MM-dd h:mm tt" EmptyMessage="Alert End Date/Time"></DateInput>

</telerik:RadDateTimePicker>

</td>

</tr>

<tr>

<td>

<asp:CheckBox runat="server" ID="cbInactive" Text="Inactive" Checked="False" />

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadSpell runat="server" ID="rsSpell" ControlsToCheck="txtGradeType"

IsClientID="True" SpellCheckProvider="PhoneticProvider" />

</td>

</tr>

<tr>

<td colspan="2"> </td>

</tr>

<tr>

<td colspan="2" style="text-align: left">

<asp:Button runat="server" ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

<asp:Button runat="server" ID="btnCancel" Text="Cancel" CommandName="Cancel" CausesValidation="False" />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</div>

</asp:Content>

Is there something I have to do to get the controls to play nice on the page?

Grid

answered on 02 Nov 2015

9 answers

506 views

RadWindow Height Issue

I have been battling with this for days and cannot find a solution. There is not a hard-coded height anywhere. Why is the height of this window so big overall and how can I fix it?

Window

answered on 02 Nov 2015

28 answers

1.4K+ views

Radgrid itemcommand not firing for ButtonType="ImageButton"

I have a radgrid, that's populated in exactly the same way as the one from this demo:

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

So it's populated from an IList kept in session (which in turn is populated when items are dragged into my grid from another grid). The only difference being, my grid isn't populated with onneeddatasource, it's simply bound after some code beind processing of the IList on drop.

This all works fine and I can populate the grid with drag n drop.

I've got a Gridbutton:

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

On the grid at the moment, I handle the onitemcommand and/or the ondeletecommand for the user clicking this button. If the user clicks the button, this works fine, the itemcommand events fire as expected and I hit breakpoints in the code behind.

If I simply add:

ButtonType="ImageButton"

To the button to display it as an image, rather than as text, I no longer hit any itemcommand events on postback when I click the imagebutton. The button simply posts back and doesn't fire the events it should.

This is the only difference, image rather than text. I'm using Q3 2010.

Grid

answered on 02 Nov 2015

3 answers

355 views

RadGrid filter menu and date picker

Is it possible to add a filtertemplate with a datepicker inside, while also keeping the default filter button (the one with "equal to, greather than, ...).

The user has to select a date with the datepicker, after which he can click on the other button to select "greater than, equal to, ..."

Is that possible?

Grid

answered on 02 Nov 2015

1 answer

55 views

LineSpacing with tools xml file

Is there a way to implement LineSpacing with the options shown in the docs in a tools file instead of in markup? It doesn't seem you can use both together. Thanks

Editor

answered on 02 Nov 2015

1 answer

125 views

issue image export to docx

according to the demo

https://demos.telerik.com/aspnet-ajax/editor/examples/import-export/docx-import-export/defaultcs.aspx

I delete everything and upload the new picture

<img alt="" src="/aspnet-ajax/Editor/Examples/Import-Export/DOCX-Import-Export/images/image0.jpeg" />

this is the html from radeditor when I 'm hit the export docx button is didn't work and show some exception like picture that I attach

I 'm already know that if I convert the picture to base64 it will work but in realistic I keep html path in my database (because I copy the whole html page) so is there any solution better than base64

Editor

answered on 02 Nov 2015

0 answers

140 views

arrange Telerik radcombox items into two coloumns

How can I arrange the following rad combo box items into two columns so that the expand down is not so huge as its now. Is it possible?. I would like to keep the list items to two separate columns with checkboxes being on both the columns. This rad comboxbox is part of radgrid edit template.

Ps: I need the checkboxes on both the columns unlike the example in Telerik demos for multi column. Thank You

<telerik:RadComboBox ID="rcmbFormsAndDimensions" runat="server" CheckBoxes="true" Text='<%# Bind("Form_Dimensions") %>' Width="650px" CheckedItemsTexts="DisplayAllInInput" >
<Items >
<telerik:RadComboBoxItem Text="single pen" />
<telerik:RadComboBoxItem Text="shotgun" />
<telerik:RadComboBoxItem Text="double-shotgun" />
<telerik:RadComboBoxItem Text="camelback" />
<telerik:RadComboBoxItem Text="double pen" />
<telerik:RadComboBoxItem Text="hall-parlor" />
<telerik:RadComboBoxItem Text="saddlebag" />
<telerik:RadComboBoxItem Text="creole cottage" />
<telerik:RadComboBoxItem Text="dog trot" />
<telerik:RadComboBoxItem Text="central-hall" />
<telerik:RadComboBoxItem Text="gable-ell" />
<telerik:RadComboBoxItem Text="bungalow" />
<telerik:RadComboBoxItem Text="pyramidal cottage" />
<telerik:RadComboBoxItem Text="Queen Anne cottage" />
<telerik:RadComboBoxItem Text="central-hall, 2 pile cottage" />
<telerik:RadComboBoxItem Text=" bluffland cottage" />
<telerik:RadComboBoxItem Text="central-hall I-house" />
<telerik:RadComboBoxItem Text="double-pen I-house" />
<telerik:RadComboBoxItem Text="hall-parlor I-house" />
<telerik:RadComboBoxItem Text="Creole house" />
<telerik:RadComboBoxItem Text="central hall, 2 pile house" />
<telerik:RadComboBoxItem Text=" Queen Anne house" />
<telerik:RadComboBoxItem Text="four square" />
<telerik:RadComboBoxItem Text="minimal tradition cottage" />
<telerik:RadComboBoxItem Text="split level" />
<telerik:RadComboBoxItem Text="ranch" />
<telerik:RadComboBoxItem Text="row house" />
<telerik:RadComboBoxItem Text="warehouse" />
<telerik:RadComboBoxItem Text="depot" />
<telerik:RadComboBoxItem Text="skyscraper" />
<telerik:RadComboBoxItem Text=" commercial row bldg." />
<telerik:RadComboBoxItem Text=" freestanding commercial" />
<telerik:RadComboBoxItem Text=" single-crib barn" />
<telerik:RadComboBoxItem Text="transverse-crib barn" />
<telerik:RadComboBoxItem Text="other" />
</Items>

</telerik:RadComboBox>

ComboBox

asked on 01 Nov 2015

1 answer

77 views

issue image export to docx

according to demo

https://demos.telerik.com/aspnet-ajax/editor/examples/import-export/docx-import-export/defaultcs.aspx

when I delete everything and upload the picture I got this html line.

<img alt="" src="/aspnet-ajax/Editor/Examples/Import-Export/DOCX-Import-Export/images/image0.jpeg" />

I hit the export button it didn't work and show some error like the picture that I already attach.

I know that in the example it convert picture to base64 but you know if radeditor keep only the path in html it will not gonna work. Any idea to fix my issue?

Editor

answered on 01 Nov 2015

2 answers

412 views

[Solved] Donut Chart with center label

Hi!

Is it possible to set the greater value on the center of the donut? The goal is to reach something like picture attached. Thanks in advance for any help

Chart (HTML5)

answered on 30 Oct 2015

2 answers

273 views

Remove indenting of detail tables

I have a series of detail tables (3 deep) within a radgrid.

I have defined HierarchyDefaultExpanded="true" to automatically expand all the detail grids.

Screen real-estate is at a premium. I wish to remove the expand/collapse column, and prevent the detail grids from indenting.

I have attempted to use CSS to defined a left-margin of 0px. I have attempted to replace the default images w/ very small GIFs. I've tried about every solution I've been able to google, but nothing appears to work.

The best I can do is "hide" the column, but, when I do that, the child grids are then indented by one column of its parent grid, which is even worse in terms of real estate.

How can I remove the expand/collapse column completely, and make it so the master/child grids are all left-justified to the left-most side of the window?

Grid

answered on 30 Oct 2015