Questions on UI for ASP.NET AJAX Forum

1 answer

197 views

Multiple rows and columns: RepeatDirection?

In the example on page Multi Row Example, it shows how to create a drop-down with multiple rows and columns. It looks like this defaults to horizontal repeat direction.

Is there a way to get my results to repeat vertically instead?

(Im also using a Ajax Templates with a Webservice for the combobox.)

ComboBox

answered on 22 Oct 2010

1 answer

191 views

Update RadEditor From Javascript

Hello,

I'm using RadEditor in my user control. my user control is rendered in a place holder control of Parent page dynamically.
i have one default.aspx page. from that one child rad window is opening called template list. from that template list i'm opening my send email radwinow. Send email winodow contains radeditor in user control. From Send Email window i'm opening i'm opening 3rd Child Radwindow for some more body text.
i mean i already have content in my radeditor and i want to append more content from 3rd child window.
i'm following the instructions of the thread to refresh the parent window.
http://demos.telerik.com/aspnet-ajax/window/examples/dialogreturnvalue/defaultcs.aspx

i have written below function in my 2nd window.

function

refreshEditorTest(arg)

{
//Append user controls radeditor content with arg

var editor = GetRadEditor("<%=RadEditor1.ClientID%>");

var content = editor.GetHtml();
editor.SetHtml = Content + "<br/>" + arg;

}

but i'm getting editor object as null.

can you help me how can i update the content of radeditor of user control from parent window.

please suggest some solution.

Thanks
Sweta

Editor

answered on 22 Oct 2010

2 answers

170 views

RadEditor as TextBox IE8 issues

Hello,

I want to use a radEditor as a multiline textbox with markup and scrollbar in read only mode (preview). I use the telerik example radeditor as textbox as a start but I have the following issues:

The toolbar is visible for a short time (only ie8) goes away after some clicks
Line-height and fonts do not work in ie8 but fine in FireFox (see attachement)
When loaded the first time in ie8 the height of the text area is half the size it should be, this value is set in the style

<style type="text/css">

.reWrapper_corner, .reWrapper_center

{

display: none !important;

}

.reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell

{

background: white !important;

}

.reContentCell

{

border-width: 0 !important;

line-height: 15px;

height: 75px;

}

.reWrapper

{

border: 0 !important;

}

.RadEditor

{

filter: chroma(color=c2dcf0);

}

.reContentArea

{

height: 94px !important;

font-family: "Segoe UI",Arial,sans-serif !important;

color:Navy;

font-weight:bold;

font-size: 10px !important;

}

</style>

<telerik:RadEditor ID="RequestEditor" runat="server"

EditModes="Preview" ToolbarMode="ShowOnFocus"

Width="318px" Height="100px" Skin="Hay"

BorderStyle="Solid" BorderWidth="1px"

BackColor="White" ToolsWidth="1px"

ContentAreaMode="Div" CssClass="incidentRadEditor"

OnClientLoad="OnClientLoad" >

<Tools>

</Tools>

<Content>

<b>Line 1</b><br />

Line 2<br />

Line 3<br />

Line 4<br />

Line 5<br />

Line 6<br />

Line 7<br />

</Content>

</telerik:RadEditor>

I tried <meta http-equiv="X-UA-Compatible" content="IE=7" /> But this messes up my layout of my radgridtoolbar

Please take a look at the attachement

All help welcome

regards

Marc Henssen

Editor

answered on 22 Oct 2010

7 answers

130 views

Set isValid to RegExpTextBoxSetting in runtime

Hello,

Is there way to set to specific RegExpTextBoxSetting IsValid true or false in runtime myself?
I want to see the error message of the RegExpTextBoxSetting in specific cases.
Is it possible? or the RegExpTextBoxSetting display the error message only by the regular expression ?

Thanks.

Input

answered on 22 Oct 2010

2 answers

126 views

RadDock as External Edit, Ajax Issues

Hello,
I have a rather specialized problem, and I'm hoping somebody here might know what I'm doing wrong.

I'm using the RadScheduler Drag/Drop from RadGrid demo w/RadDock as external edit. What I'm trying to implement, however, is a "go-between" in the drag/drop. So, when the user drags a GridItem into the RadScheduler, instead of an appointment being created, a RadDock is populated and displayed and the user is allowed to enter additional information then click an "Add/Submit" button to create the appointment and update the RadScheduler.

So now I have 2 RadDocks, one for the Add function, and one for the Edit function (from the RadDock as external edit demo). It's working as I had planned except for one thing, neither of the two forms' buttons respond to clicks in the code-behind. When I've seen weird stuff like this in the past, it had something to do with my RadAjaxManager settings, but I just cannot figure out the problem.

RadAjaxManager

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest" >

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="dayscale">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadPanelBar1">

<telerik:AjaxUpdatedControl ControlID="RadPanelBar1" />

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" UpdatePanelHeight="" />

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

<telerik:AjaxUpdatedControl ControlID="LithoEditDockPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />

<telerik:AjaxUpdatedControl ControlID="LithoAddDockPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="SubmitButton">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnAdd">

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Panel1- USED AS EXTERNAL EDIT PANEL

<asp:Panel runat="server" ID="LithoEditDockPanel">

<telerik:RadDock runat="server" ID="LithoRadDock" Width="500px" Height="780px"

Closed="true" Style="z-index: 2000;" Title="..."

OnClientDockPositionChanged="dockMoved" Skin="Windows7">

<telerik:DockCloseCommand />

</Commands>

<asp:Label runat="server" ID="StatusLabel"></asp:Label>

<asp:Label runat="server" ID="lblLithoEditRadDockDescription" Visible="false"></asp:Label>

</div>

<ChrisC:MtInfoListview runat="server" ID="LithoMTInfo" />

</div>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 50px; vertical-align: top;">

<telerik:RadTextBox ID="DescriptionText" Width="240px" runat="server" EmptyMessage="Description" Skin="Windows7" Label="Description" />

</td>

<telerik:RadComboBox ID="cboWriteTool" runat="server" Width="100%"

Skin="Windows7" Label="Write Tool" DataSourceID="AreasDataSource"

DataTextField="q" DataValueField="id" AutoPostBack="true" />

</td>

</tr>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 15px; vertical-align: top;">

Starts at:

<telerik:RadDateTimePicker ID="StartTime" runat="server" SharedCalendarID="SharedCalendar"

SharedTimeViewID="SharedTimeView" Skin="Windows7" >

</telerik:RadDateTimePicker>

<br />

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

ControlToValidate="StartTime" ErrorMessage="Start time is required" />

</td>

<td colspan="1" align="right"

style="width: 100%; height: 15px; vertical-align: top; padding-right: 35px;">

<telerik:RadComboBox ID="cboPriority" runat="server" Width="100%"

Skin="Windows7" Label="Priority" DataSourceID="PriorityDataSource"

DataTextField="name" DataValueField="id" />

</td>

</tr>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 45px; vertical-align: top;">

<telerik:RadNumericTextBox ID="txtWriteTime" runat="server" Width="119px"

EmptyMessage="Write Time" Label="Write Time:" Skin="Windows7" />(hrs)

</td>

<td colspan="1" align="right"

style="width: 100%; height: 15px; vertical-align: top; padding-right: 35px;">

<telerik:RadComboBox ID="cboPlateType" runat="server" Width="100%"

Skin="Windows7" Label="Plate Type" DataSourceID="PlateTypeDataSource"

DataTextField="name" DataValueField="id" />

</td>

</tr>

</table>

<ChrisC:LithoParameters runat="server" id="LithoParameters" />

</div>

<asp:Button runat="server" ID="SubmitButton" Text="Update" OnClick="SubmitButton_Click" />

<button onclick="hideForm();" type="button" >Cancel</button>

<asp:Button runat="server" ID="btnCopy" Text="Copy" OnClick="btnCopy_Click" style="margin-right: 20px;" />

</div>

<telerik:RadTimeView ID="SharedTimeView" runat="server" Skin="Windows7">

</telerik:RadTimeView>

<telerik:RadCalendar ID="SharedCalendar" runat="server" EnableMonthYearFastNavigation="False"

EnableMultiSelect="False" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" Skin="Windows7">

</telerik:RadCalendar>

</div>

</ContentTemplate>

</telerik:RadDock>

</asp:Panel>

Panel2- USED AS EXTERNAL ADD PANEL

<asp:Panel runat="server" ID="LithoAddDockPanel">

<telerik:RadDock runat="server" ID="LithoAddRadDock" Width="500px" Height="780px"

Closed="true" Style="z-index: 2000;" Title="..."

OnClientDockPositionChanged="dockLithoAddMoved" Skin="Windows7">

<telerik:DockCloseCommand />

</Commands>

<asp:Label runat="server" ID="lithoAddStatusLabel"></asp:Label>

<asp:Label runat="server" ID="lblLithoAddDockPanelDescription" Visible="false"></asp:Label>

</div>

<ChrisC:MtInfoListview runat="server" ID="MtInfoListview1" />

</div>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 50px; vertical-align: top;">

<telerik:RadTextBox ID="txtLithoAddDescription" Width="240px" runat="server" EmptyMessage="Description" Skin="Windows7" Label="Description" />

</td>

<telerik:RadComboBox ID="cboLithoAddWriteTool" runat="server" Width="100%"

Skin="Windows7" Label="Write Tool" DataSourceID="AreasDataSource"

DataTextField="q" DataValueField="id" AutoPostBack="true" />

</td>

</tr>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 15px; vertical-align: top;">

</td>

<td colspan="1" align="right"

style="width: 100%; height: 15px; vertical-align: top; padding-right: 35px;">

<telerik:RadComboBox ID="cboLithoAddPriority" runat="server" Width="100%"

Skin="Windows7" Label="Priority" DataSourceID="PriorityDataSource"

DataTextField="name" DataValueField="id" />

</td>

</tr>

<tr>

<td colspan="1" align="left"

style="width: 53%; height: 45px; vertical-align: top;">

<telerik:RadNumericTextBox ID="txtLithoAddWriteTime" runat="server" Width="119px"

EmptyMessage="Write Time" Label="Write Time:" Skin="Windows7" />(hrs)

</td>

<td colspan="1" align="right"

style="width: 100%; height: 15px; vertical-align: top; padding-right: 35px;">

<telerik:RadComboBox ID="cboLithoAddPlateType" runat="server" Width="100%"

Skin="Windows7" Label="Plate Type" DataSourceID="PlateTypeDataSource"

DataTextField="name" DataValueField="id" />

</td>

</tr>

</table>

<ChrisC:LithoParameters runat="server" id="LithoParameters1" />

</div>

<asp:Button runat="server" ID="btnAdd" Text="Q It!" OnClick="lithoAddButton_Click" />

<button onclick="hideLithoAddForm();" type="button" >Cancel</button>

<asp:Button runat="server" ID="btnAddCopy" Text="Copy" OnClick="lithoAddCopy_Click" style="margin-right: 20px;" />

</div>

</ContentTemplate>

</telerik:RadDock>

</asp:Panel>

Ajax

answered on 22 Oct 2010

3 answers

179 views

RadWindow in RadScheduler problem

Update: Cannot edit thread title: should be 'RadScheduler in RadWindow problem'

Consider the following aspx form:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista">

<Windows>

<telerik:RadWindow runat="server" Behavior="Default" InitialBehavior="None" AutoSize="true"

Left="0px" NavigateUrl="http://www.safc.com"

OffsetElementID="btnDialog" OpenerElementID="btnALS"

Title="Sunderland AFC Website" Top="30px" VisibleStatusbar="False">

</telerik:RadWindow>

<telerik:RadWindow ID="rwDialog" runat="server" Behavior="Close, Move"

Behaviors="Close, Move" InitialBehavior="None" Modal="True"

NavigateUrl="MyDialog.aspx" OpenerElementID="btnDialog" AutoSize="true" Width="500px">

<ContentTemplate>

<telerik:RadScheduler ID="RadScheduler1" runat="server"

DataDescriptionField="App_Description" DataEndField="App_End"

DataKeyField="JobID" DataRecurrenceField="App_RecurrenceRule"

DataRecurrenceParentKeyField="App_RecurrenceParentID" DataSourceID="Jobs"

DataStartField="App_Start" DataSubjectField="App_Subject"

StartInsertingInAdvancedForm="True" SelectedView="MonthView" Width="500px">

</telerik:RadScheduler>

<asp:SqlDataSource ID="Jobs" runat="server"

ConnectionString="<%$ ConnectionStrings:Default %>"

DeleteCommand=""

InsertCommand=""

SelectCommand=""

UpdateCommand="">

<DeleteParameters>

<asp:Parameter Name="JobID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="App_Subject" Type="String" />

<asp:Parameter Name="App_Description" Type="String" />

<asp:Parameter Name="App_Start" Type="DateTime" />

<asp:Parameter Name="App_End" Type="DateTime" />

<asp:Parameter Name="App_LocationID" Type="Int32" />

<asp:Parameter Name="App_RecurrenceRule" Type="String" />

<asp:Parameter Name="App_RecurrenceParentID" Type="Int32" />

<asp:Parameter Name="App_Reminder" Type="String" />

<asp:Parameter Name="App_TechnicianID" Type="Int32" />

<asp:Parameter Name="App_Annotations" Type="String" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="App_Subject" Type="String" />

<asp:Parameter Name="App_Description" Type="String" />

<asp:Parameter Name="App_Start" Type="DateTime" />

<asp:Parameter Name="App_End" Type="DateTime" />

<asp:Parameter Name="App_LocationID" Type="Int32" />

<asp:Parameter Name="App_RecurrenceRule" Type="String" />

<asp:Parameter Name="App_RecurrenceParentID" Type="Int32" />

<asp:Parameter Name="App_Reminder" Type="String" />

<asp:Parameter Name="App_TechnicianID" Type="Int32" />

<asp:Parameter Name="App_Annotations" Type="String" />

</UpdateParameters>

</asp:SqlDataSource>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="RadWindow1" runat="server">

<ContentTemplate>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:Button ID="Button1" runat="server" Text="Click me" OnClick="Button1_Click" />

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Whenever I do anything in the RadScheduler, the RadWindow closes.

Reopening the RadWindow shows the RadScheduler in the correct state. For example, the following happens:

1. Click button to open the RadWindow1 (which contains the RadScheduler). RadScheduler1 loads properly and shows the appointments.
2. Double-Click a day to add a new appointment.
3. RadWindow Closes - why?
4. Click button to open RadWindow1
5. RadWindow opens with the RadScheduler displaying the New Appointment form (which has rendered incorrectly with overlapping controls - why?).
6. Cancel the New Appointment
7. RadWindow closes again.

NB - The contents of MyDialog.aspx is not being displayed in the RadWindow, but I assume that this is correct behavior for my implementation?

Please respond asap as I have spent too much time on what I think should be a simple task.

Regards

Window

answered on 22 Oct 2010

1 answer

68 views

Grid Not Displaying

On page load the radgrid is displaying but after postback it is gone. The grid on page load looks like:

<div id="RadGrid1" class="RadGrid RadGrid_Default">

<table cellspacing="0" class="rgMasterTable" border="0" id="RadGrid1_ctl00" style="width:100%;table-layout:auto;empty-cells:show;">
<colgroup>

After postback it looks like:

<div id="RadGrid1" class="RadGrid RadGrid_Default">

<input id="RadGrid1_ClientState" name="RadGrid1_ClientState" type="hidden" />
</div>

Any thoughts.

Thanks

John

Grid

answered on 22 Oct 2010

1 answer

140 views

ComboBox text green when disabled in Firefox

When I set the ComboBox.Enabled to False, the text goes green as shown in the screenshot.

Only in Firefox with Windows 7 skin - fine in IE.

Please advise - thanks,

Rob

ComboBox

answered on 22 Oct 2010

2 answers

177 views

node selection with keypress

Greetings All,

I am looking for a way to select a node using a keystoke. In other words, if the user presses the "R" key while focused on the RadTree the first node with text that starts with "R" would be selected. I have a requirement that needs this quick navigation. I was looking at the OnClientKeyPressing event and think I'll be able to use this, but was just wondering if anyone has done this before and has a good approach.

Regards,
Tom

TreeView