Questions on UI for ASP.NET AJAX Forum

1 answer

64 views

when i change the server date as 5/12/2007 and press F5 the total page(all telerik controls ) collapsed (alignment issue ) but it's working fine for current date

Menu

answered on 05 Dec 2011

8 answers

220 views

Editor does not work or any control

I have just installed the latest demo of telerik rad controls and configured my project using right click configure telerik products and the ajax functionality of all controls does not work they appear and render fine but do not for example the datepicker does not drop down and none of the editor buttons fuction I have included a paste bin of my web.config to see what is wrong and also include an example of how I am implmenting

http://pastebin.com/QBgBz4Hs

this is an example of my implementation

http://pastebin.com/pjarxYyR

General Discussions

answered on 05 Dec 2011

1 answer

188 views

How to highlight or show the current time in time popup of Raddatetimepicker

Hi all,
Im using Raddatetimepicker in my application.
I'm able to highlight the current date in calender using special days property.
But I need to show the current time also in Time picker.
I'm able to show only timeformat like either 12 or 24 hours.
But how can I show the current time in timepicker and highlight the current time.
Please help me to accomplish this asap.
Thanks

General Discussions

answered on 05 Dec 2011

1 answer

99 views

Loading panel does not work in a RadGrid inside a RadDock

Hi,

I'm using a RadAjaxManager to handle postbacks for a RadGrid insde a RadDock. I specified a default loading panel but it doesn't seem to work. Loading panel does not display.

The RadDock contains a search function that will bind the results to the RadGrid.

Sample code:

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

DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rtbSearch">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgDefinitionList" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

<telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical" Style="border: 0px; float: left; margin-right: 1px; margin-bottom:1px; width:100%;">

<telerik:RadDock ID="rdSearch" runat="server" Width="300px" DockMode="Docked" Title="Fee Definitions" DefaultCommands="ExpandCollapse" EnableAnimation="true" EnableEmbeddedSkins="false" Skin="LWTSkin">

<ContentTemplate>

<table>

<tr>

<td>

<asp:RequiredFieldValidator ID="rfvSearch" runat="server" ErrorMessage=""

ControlToValidate="rtbSearch"

ValidationGroup="SearchRequired"></asp:RequiredFieldValidator>

<br />

<telerik:RadTextBox ID="rtbSearch" runat="server" Width="25em" MaxLength="100"

ValidationGroup="SearchRequired"

EmptyMessage="Search for a Fee Definition" Skin="WebBlue" />

<telerik:RadButton ID="rbSearch" runat="server" Text="Search"

onclick="rbSearch_Click"

ValidationGroup="SearchRequired" />

</td>

</tr>

<tr>

<td>

Results:

<telerik:RadGrid ID="rgDefinitionList" runat="server"

AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" CellSpacing="0"

GridLines="None" Skin="Windows7"

onneeddatasource="rgDefinitionList_NeedDataSource">

<MasterTableView AllowPaging="True" AllowSorting="True">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"

Visible="True">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"

Visible="True">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter column column"

UniqueName="column" DataField="ID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column"

UniqueName="column1" DataField="Description" HeaderText="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column"

UniqueName="column2" DataField="Type"

HeaderText="Type">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column3 column"

UniqueName="column3" DataField="Code"

HeaderText="Code">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column4 column"

UniqueName="column4" DataField="Source" HeaderText="Source">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column5 column"

UniqueName="column5" DataField="SourceID"

HeaderText="SourceID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn FilterControlAltText="Filter column6 column"

Text="Edit" UniqueName="column6">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</HeaderContextMenu>

</telerik:RadGrid>

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

Please help.

Thanks,
JR

Ajax

answered on 05 Dec 2011

5 answers

150 views

TriStateCheckBoxes and Multiple Levels

I have a RadTreeView with checkboxes that could be more than 3 levels deep and we have TriStateCheckBoxes=true. This works just fine when the second level nodes are selected. The first level is set to be indeterminate. If any nodes selected deeper are selected then everything above becomes checked except the first level node. We'd like the deeper nodes to work the same as the first level node.

The code for the RadTreeView is:

<telerik:RadTreeView ID="tvMultiCountries" runat="server" Skin="Office2009" AllowNodeEditing="false"

CheckBoxes="true" MultipleSelect="false" CollapseAnimation-Type="OutQuint" EnableEmbeddedSkins="false"

TriStateCheckBoxes="true" CheckChildNodes="true" OnClientNodeChecked="LocatorGridEntityGeographicUnitSelected">

</telerik:RadTreeView>

On the server side the only manipulation being done (outside of DataBind()), is expanding the first node:

tvMultiCountries.Nodes[0].Expanded = true;

TreeView

answered on 05 Dec 2011

1 answer

66 views

A plea for simpler examples

This is an observation on the documentation for Telerik controls in general. I'm finding it very difficult to accomplish what should be relatively simple tassk due to the incredibly complex code samples given in the examples.

For instance, I'm trying to create an editable grid which maps to a 3 column table each being an integer field. I want to use a RadComboBox to look up related values in appropriate link table so I can provide an easy interface for the user to edit data. However, due to the complexity of the samples I seem to be going from pillar to post in trying to build a solution. Irritatingly I can do this relatively simply using standard ASP.NET controls so why are Telerik controls so much more difficult to get to grips with?

I can appreciate that a lot of effort has gone into preparing the samples but I'm at the stage where I'm reluctant to delved into the sample as I know I'll just end up being frustrated. I don't want AJAX or the clever show off trick, I just need samples which work cleanly and can deployed quickly.

Grid

answered on 05 Dec 2011

0 answers

63 views

Alignment issue in Rad menu

when i change the server date to 2007 and press F5 the total page all rad controls collapsed (alignment issue ) but it's working fine for current date

Menu

asked on 05 Dec 2011

3 answers

142 views

Shifting Vertical Scroll Bar

I have created a custom ascx control that has a multiple column combo box in it. I have noticed that when the list of items is longer than the max dropdown length the vertical scroll bar will shift to the right when the cursor is placed in the list. This is my code:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="radCBOLookup.ascx.vb"

Inherits="HEW.radCBOLookup" %>

<telerik:RadComboBox ID="radCBOLookup" runat="server" MarkFirstMatch="true" AllowCustomText="false"

Width="50px" DropDownWidth="350px" MaxHeight="300px" NoWrap="true" HighlightTemplatedItems="true"

ExpandDirection="Down">

<HeaderTemplate>

<table style="width: 100%; text-align: left; font-size: 8pt">

<tr>

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

Code

</td>

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

Description

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 100%; text-align: left; font-size: 8pt">

<tr>

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

<%#DataBinder.Eval(Container.DataItem, "Master_Type_Code")%>

</td>

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

<%#DataBinder.Eval(Container.DataItem, "Master_Desc")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

The attached jpg shows the scroll bar position before and after the cursor is placed in the combo box. The first row contains a blank record, which also shows up as a partial height to the actual items with data. Any explanation for the shifting scroll bar?

ComboBox

answered on 05 Dec 2011

6 answers

141 views

Lines appear when in edit mode with FormTemplates

I have placed a Radgrid on my page which is a 2 level grid. One masterView and a detail view. I have and edit function on the detail view, which of cause then switches an Item to be on edit mode. This works perfectly and I can catch the update event a update stuff in my database.

But when ever i go to edit mode, black lines appears in my two tables I have in my edititemtemplate
. You can see the images i have attached to this topic what i mean.

Here is the edititemtemplate
so you can see that I haven't set the lines to appear.

<EditItemTemplate>

<table style="width: 740; border: 0px solid White;">

<tr>

<td style="font-weight: bold;">

Hostname:

</td>

<td style="width: 300px">

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

</td>

<td style="font-weight: bold;">

Alias:

</td>

<td>

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

</td>

</tr>

<tr>

<td style="font-weight: bold;">

IP adress:

</td>

<td>

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

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

<table style="width: 740; border: 0px solid White;">

<tr>

<td style="font-weight: bold;">

Description:

</td>

</tr>

<tr>

<td>

<telerik:RadEditor runat="server" ID="telerikDesription" ToolsFile="/telerikEditorToolsTiny.xml"

Height="250">

<Modules>

</Modules>

</telerik:RadEditor>

</td>

</tr>

<tr>

<td style="font-weight: bold;">

Comments (Private field for FC):

</td>

</tr>

<tr>

<td>

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

</td>

</tr>

</table>

</EditItemTemplate>

It's not browser related, cause I tested on 4 different kinds, same result.
So why does the lines appear? Anyone have an idea?

- Rune

Grid

answered on 05 Dec 2011

8 answers

96 views

Radinput manager incorrect behaviour

Please see the following link to reproduce the issue:

http://test.courseacademy.com/itil-training.aspx

if you select either 'download voucher' or 'make an enquiry' a panel is opened with a form on it.

There are some required fields shown which are validated via a radinputmanager, but if you click into the fields the empty message text does not disappear. If you trace it through using firebug, you see this error when it try's to do an ajax post back when first opening the panel.

An invalid or illegal string was specified
[Break On This Error] }l.insertRule(d[b]+"}",b+1);

Here is the mark up of the page

<div id="frm-voucher">

<asp:HiddenField ID="OfferCourseName" runat="server" Value="ITIL Training Voucher" />

<asp:RadioButton ID="optVoucher" class="optVoucher" OnCheckedChanged="EnquiryTypeChanged" AutoPostBack="True" GroupName="EnquiryType" Text="Download voucher" runat="server" />

<asp:Panel ID="pnlVoucher" runat="server" Visible="false" CssClass="frm-voucher">

<p>To download your voucher, please fill in your details below:</p>

<div class="line">

<label>Name <span class="req">*</span></label>

<asp:TextBox ID="vchName" Width="400" ValidationGroup="vchFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Company </label>

<asp:TextBox ID="vchCompany" Width="400" ValidationGroup="vchFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Email <span class="req">*</span></label>

<asp:TextBox ID="vchEmail" Width="400" ValidationGroup="vchFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Telephone <span class="req">*</span></label>

<asp:TextBox ID="vchTelephone" Width="400" ValidationGroup="vchFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Enquiry details </label>

<asp:TextBox ID="vchEnquiry" Width="400" Height="70" TextMode="MultiLine" ValidationGroup="vchFrm" runat="server" ></asp:TextBox>

</div>

<div class="linebtn">

<asp:ImageButton ID="vchBtnSubmit" ImageUrl="/images/btn-submit-yellow.gif" ValidationGroup="vchFrm" runat="server" />

<p>Fields marked with <span class="req">*</span> are mandatory.</p>

</div>

</asp:Panel>

<asp:Panel ID="pnlVoucherThanks" runat="server" Visible="false" CssClass="frm-voucher">

<p>Thank you for downloading your voucher. It will be sent to you by email shortly.</p>

</asp:Panel>

<asp:RadioButton ID="optGeneral" class="optGeneral" OnCheckedChanged="EnquiryTypeChanged" AutoPostBack="True" GroupName="EnquiryType" Text="Make a general enquiry" runat="server" />

<asp:Panel ID="pnlGeneral" runat="server" Visible="false" CssClass="frm-general">

<p>To download your voucher, please fill in your details below:</p>

<div class="line">

<label>Name <span class="req">*</span></label>

<asp:TextBox ID="genName" Width="400" ValidationGroup="genFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Company </label>

<asp:TextBox ID="genCompany" Width="400" ValidationGroup="genFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Email <span class="req">*</span></label>

<asp:TextBox ID="genEmail" Width="400" ValidationGroup="genFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Telephone <span class="req">*</span></label>

<asp:TextBox ID="genTelephone" Width="400" ValidationGroup="genFrm" runat="server"></asp:TextBox>

</div>

<div class="line">

<label>Enquiry details </label>

<asp:TextBox ID="genEnquiry" Width="400" Height="70" TextMode="MultiLine" ValidationGroup="genFrm" runat="server" ></asp:TextBox>

</div>

<div class="linebtn">

<asp:ImageButton ID="genBtnSubmit" ImageUrl="/images/btn-submit-yellow.gif" ValidationGroup="genFrm" runat="server" />

<p>Fields marked with <span class="req">*</span> are mandatory.</p>

</div>

</asp:Panel>

<asp:Panel ID="pnlGeneralThanks" runat="server" Visible="false" CssClass="frm-general">

<p>Thank you for making your enquiry. We will reply to you shortly.</p>

</asp:Panel>

</div>

<p

>This rate applies to 5 day scheduled courses only and cannot be used in conjunction with other offers. All courses subject to availability.</

p>

</div>

Heres the Radinput manager mark up

<telerik:RadInputManager ID="RadInputManager1" runat="server">

<telerik:TextBoxSetting Validation-ValidationGroup="genFrm" BehaviorID="genTxtBxBhv" EmptyMessage="Required Field" Validation-IsRequired="true">

<TargetControls>

<telerik:TargetInput ControlID="genName" />

<telerik:TargetInput ControlID="genEmail" />

<telerik:TargetInput ControlID="genTelephone" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:TextBoxSetting Validation-ValidationGroup="genFrm" BehaviorID="genTxtBxBhv2" Validation-IsRequired="false">

<TargetControls>

<telerik:TargetInput ControlID="genCompany" />

<telerik:TargetInput ControlID="genEnquiry" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:TextBoxSetting Validation-ValidationGroup="vchFrm" BehaviorID="vchTxtBxBhv" EmptyMessage="Required Field" Validation-IsRequired="true">

<TargetControls>

<telerik:TargetInput ControlID="vchName" />

<telerik:TargetInput ControlID="vchEmail" />

<telerik:TargetInput ControlID="vchTelephone" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:TextBoxSetting Validation-ValidationGroup="vchFrm" BehaviorID="vchTxtBxBhv2" Validation-IsRequired="false">

<TargetControls>

<telerik:TargetInput ControlID="vchCompany" />

<telerik:TargetInput ControlID="vchEnquiry" />

</TargetControls>

</telerik:TextBoxSetting>

</telerik:RadInputManager>

Heres the page load event as the script manager and ajax manager are all used on the master page above

Dim AjaxManager As RadAjaxManager = CType(Me.Master.FindControl("RadAjaxManager1"), RadAjaxManager)

Dim RadAjaxLoadingPanel1 As RadAjaxLoadingPanel = CType(Me.Master.FindControl("RadAjaxLoadingPanel1"), RadAjaxLoadingPanel)

AjaxManager.AjaxSettings.AddAjaxSetting(optVoucher, optGeneral)

AjaxManager.AjaxSettings.AddAjaxSetting(optVoucher, pnlVoucher, RadAjaxLoadingPanel1)

AjaxManager.AjaxSettings.AddAjaxSetting(optVoucher, pnlVoucherThanks)

AjaxManager.AjaxSettings.AddAjaxSetting(optVoucher, pnlGeneral)

AjaxManager.AjaxSettings.AddAjaxSetting(optVoucher, pnlGeneralThanks)

AjaxManager.AjaxSettings.AddAjaxSetting(optGeneral, optVoucher)

AjaxManager.AjaxSettings.AddAjaxSetting(optGeneral, pnlVoucher)

AjaxManager.AjaxSettings.AddAjaxSetting(optGeneral, pnlVoucherThanks)

AjaxManager.AjaxSettings.AddAjaxSetting(optGeneral, pnlGeneral, RadAjaxLoadingPanel1)

AjaxManager.AjaxSettings.AddAjaxSetting(optGeneral, pnlGeneralThanks)

AjaxManager.AjaxSettings.AddAjaxSetting(vchBtnSubmit, pnlVoucher)

AjaxManager.AjaxSettings.AddAjaxSetting(vchBtnSubmit, pnlVoucherThanks, RadAjaxLoadingPanel1)

AjaxManager.AjaxSettings.AddAjaxSetting(genBtnSubmit, pnlGeneral)

AjaxManager.AjaxSettings.AddAjaxSetting(genBtnSubmit, pnlGeneralThanks, RadAjaxLoadingPanel1)

Any ideas or fixes please?

Ajax

answered on 05 Dec 2011