Questions on UI for ASP.NET AJAX Forum

1 answer

113 views

Copying the entire docklayout from one page to another page

Hello
I'm trying to copy the docklayout from one page and try to recreate it in another page.

Here is my code-

Default.aspx

<div>

<telerik:RadDockLayout ID="dockLayout" runat="server" OnSaveDockLayout="dockLayout_SaveDockLayout">

<telerik:RadDockZone ID="dockZone" runat="server">

<telerik:RadDock ID="dock" runat="server" UniqueName="dock1">

<Commands>

</Commands>

<ContentTemplate>

<asp:TextBox ID="txtName" runat="server" Text="Dock1"></asp:TextBox>

<br />

<asp:Button ID="btnOK" runat="server" Text="OK1" />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

<br /><br />

<telerik:RadDockZone ID="RadDockZone1" runat="server">

<telerik:RadDock ID="RadDock1" runat="server" UniqueName="dock2">

<Commands>

</Commands>

<ContentTemplate>

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

<br />

<asp:Button ID="Button1" runat="server" Text="OK2" />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

<div style="width:100%;text-align:center">

<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />

</div>

</div>

Default.aspx.cs

protected void dockLayout_SaveDockLayout(object sender, DockLayoutEventArgs e)

{

    List<DockState> dockState = dockLayout.GetRegisteredDocksState();

    JavaScriptSerializer ser = new JavaScriptSerializer();

    Session["dock"] = ser.Serialize(dockState);

}

protected void btnSave_Click(object sender, EventArgs e)

{

    Response.Redirect("receivingPage.aspx");

}

In receivingPage.aspx i dont have any controls and i dynamically try to add the dock controls obtained from the other page by creating a dock layout programatically.

receivingPage.aspx.cs

public partial class receivingPage : System.Web.UI.Page

{

    private List<DockState> dockStates;

    private RadDockLayout dockLayout;

    protected override void OnInit(EventArgs e)

    {

        dockLayout = new RadDockLayout();

        dockLayout.LoadDockLayout += new DockLayoutEventHandler(dockLayout_LoadDockLayout);

        JavaScriptSerializer ser = new JavaScriptSerializer();

        dockStates = ser.Deserialize<List<DockState>>(Page.Session["dock"].ToString());

        for (int i = 0; i < dockStates.Count; i++)

        {

            RadDock dock = new RadDock();

            dock.ID = string.Format("RadDock{0}", i);

            dock.ApplyState(dockStates[i]);

            dockLayout.Controls.Add(dock);

        }

        this.Controls.Add(dockLayout);

    }

    protected void Page_Load(object sender, EventArgs e)

    {



    }

    void dockLayout_LoadDockLayout(object sender, DockLayoutEventArgs e)

    {

        foreach (DockState state in dockStates)

        {

            e.Positions[state.UniqueName] = state.DockZoneID;

            e.Indices[state.UniqueName] = state.Index;

        }

    }

}

But I'm getting emtpy docklayout. Any ideas?

Dock

answered on 22 Sep 2010

1 answer

110 views

Appointment must be bind perfectly in the date box without spacing

Hi Team,



I've implemented the scheduler, where the appointment will be collect from the Database and binds.

In the month view, I'm getting the space(image 1 attached)before the appointment.

It looks something unfit to the date box. 

I tried by padding-top and margin-top but nothing is reflected.

My resultant scheduler must like image 2(image attached).

I've attached the image for our preview also pasted the Scheduler.css file here.

Please help me and get me a solution.

Awaiting for your quick reply.



Scheduler.css

--------------



/* RadScheduler Web20 skin */

/* common */

.RadScheduler_Web20, .RadScheduler_Web20 a, .RadScheduler_Web20 input, .RadScheduler_Web20 select, .RadScheduler_Web20 textarea

{

color: #333;

font: normal 12px/14px "Segoe UI" , Arial, sans-serif;

}

.RadScheduler_Web20 textarea

{

background: #fff;

}

/* header */

/* header sprites */

.RadScheduler_Web20 .rsHeader, .RadScheduler_Web20 .rsHeader .rsDatePickerActivator, .RadScheduler_Web20 .rsHeader .rsPrevDay, .RadScheduler_Web20 .rsHeader .rsNextDay

{

background-image: url('Scheduler/rsSprites.png');

}

.RadScheduler_Web20 .rsHeader

{

border: 1px solid #243567;

}

.RadScheduler_Web20 .rsHeader, .RadScheduler_Web20 .rsHeader a

{

color: #fff;

}

.RadScheduler_Web20 .rsHeader a:hover, .RadScheduler_Web20 .rsHeader em

{

color: #000;

}

.RadScheduler_Web20 .rsHeader .rsToday:hover

{

color: #CCC;

}

/* content */

.RadScheduler_Web20 .rsContent

{

background: #fff;

}

/* <headers> */

.RadScheduler_Web20 .rsHorizontalHeaderTable

{

color: #fff;

background: #e4e4e4;

}

.RadScheduler_Web20 .rsHorizontalHeaderWrapper

{

border-color: #a4b7d0;

background: #dce5f3;

}

.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsAllDayHeader, .RadScheduler_Web20 .rsVerticalHeaderWrapper, .RadScheduler_Web20 .rsVerticalHeaderTable

{

padding-top : 30px !important;

background: #dce5f3;

}

.RadScheduler_Web20 .rsVerticalHeaderTable th

{

border-color: #868686 #a2b3c7;

color: #45709b;

}

.RadScheduler_Web20 .rsHorizontalHeaderTable th

{

border-color: #a4b7d0;

background-color: #C3D9F1;

background-image: url('Scheduler/rsSprites.png');

}

.RadScheduler_Web20 .rsVerticalHeaderTable th

{

border-color: transparent #a2b3c7;

border-top: 0;

}

.RadScheduler_Web20 .rsVerticalHeaderTable .rsAlt th

{

border-color: #a4b7d0 #a2b3c7;

}

/* </headers> */

/* <all-day-row> */

.RadScheduler_Web20 .rsAllDayRow

{

background: #dce5f3;

}

.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsAllDayHeader, .RadScheduler_Web20 .rsVerticalHeaderTable .rsAllDayHeader

{

color: #45709b;

border-color: #a4b7d0 #a2b3c7;

}

.RadScheduler_Web20 .rsAllDayRow td, .RadScheduler_Web20 .rsContentTable .rsAllDayRow td

{

border-color: #a4b7d0;

border-style: solid;

}

.RadScheduler_Web20 .rsVerticalHeaderTable .rsMainHeader th

{

border-bottom-color: #a4b7d0;

}

.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsContent .rsAllDayHeader

{

border-bottom-color: #a4b7d0;

}

/* </all-day-row> */

.RadScheduler_Web20 .rsContent, .RadScheduler_Web20 .rsTopWrap .rsFooter

{

border: 1px solid #6788be;

border-top: 0;

}

.RadScheduler_Web20 .rsContentTable td

{

border-color: #e6eef8;

border-bottom-style: dotted;

}

.RadScheduler_Web20 .rsContentTable .rsAlt td

{

border-color: #a4b7d0 #e6eef8;

border-bottom-style: solid;

}

.RadScheduler_Web20 .rsMonthView .rsOtherMonth

{

background-color: #F9F9F9;

}

/* <appointments> */

.RadScheduler_Web20 .rsApt .rsArrowTop, .RadScheduler_Web20 .rsApt .rsArrowBottom, .RadScheduler_Web20 .rsApt .rsArrowLeft, .RadScheduler_Web20 .rsApt .rsArrowRight, .RadScheduler_Web20 .rsApt .rsAptDelete, .RadScheduler_Web20 .rsApt .rsAptResize, .RadScheduler_Web20 .rsApt .rsAptRecurrence, .RadScheduler_Web20 .rsApt .rsAptRecurrenceException

{

background-color: transparent;

background-image: url('Scheduler/rsSprites.png');

background-repeat: no-repeat;

}

.RadScheduler_Web20 .rsApt .rsAptDelete

{

width: 22px;

}

.RadScheduler_Web20 .rsAptCreate, .RadScheduler_Web20 .rsMonthView .rsAptCreate

{

background-color: #ccdcf1;

background-image: url('Scheduler/rsSprites.png');

background-repeat: repeat-x;

}

.RadScheduler_Web20 .rsAptCreateRow2, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow2

{

background-color: #ccdcf1;

background-image: url('Scheduler/rsSprites.png');

background-repeat: repeat-x;

}

.RadScheduler_Web20 .rsSunCol, .RadScheduler_Web20 .rsSatCol

{

background-color: #f5fcff;

}

.RadScheduler_Web20 .rsAptCreateRow3, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow3, .RadScheduler_Web20 .rsAptCreateRow4, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow4, .RadScheduler_Web20 .rsAptCreateRow5, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow5

{

background: #ccdcf1;

}

.RadScheduler_Web20 .rsAptContent, .RadScheduler_Web20 .rsAptIn, .RadScheduler_Web20 .rsAptMid, .RadScheduler_Web20 .rsAptOut

{

background-image: url('Scheduler/rsAppointmentBg.png'); /*height : auto !important ;*/

}

/* Added by Daniel for increasing the Month View Height only without affecting other types*/

.RadScheduler_Web20 .rsMonthView .rsAptContent, .RadScheduler_Web20 .rsMonthView .rsAptIn, .RadScheduler_Web20 .rsMonthView .rsAptMid, .RadScheduler_Web20 .rsMonthView .rsAptOut

{

height: auto !important;

}

/* Added by Daniel for increasing the Timeline View Height only without affecting other types*/

.RadScheduler_Web20 .rsTimelineView .rsAptContent, .RadScheduler_Web20 .rsTimelineView .rsAptIn, .RadScheduler_Web20 .rsTimelineView .rsAptMid, .RadScheduler_Web20 .rsTimelineView .rsAptOut

{

height: auto !important;

}

/* </appointments> */

/* <month view> */

.RadScheduler_Web20 .rsMonthView .rsDateBox

{

background-color: #d0dbed;

background-image: url('Scheduler/rsSprites.png');

border-bottom: 1px solid #81a5da;

}

.RadScheduler_Web20 .rsMonthView .rsAptCreate .rsDateBox

{

border-bottom: 1px solid #4D9E1F;

}

.RadScheduler_Web20 .rsMonthView .rsAptCreate

{

background-image: none;

}

.RadScheduler_Web20 .rsWrap

{

height: auto !important;

}

/* Added by Daniel for increasing the Month and Timeline View of Content Height only without affecting other types*/

.RadScheduler_Web20 .rsMonthView .rsWrap

{

min-height: 100px !important;

}

.RadScheduler_Web20 .rsMonthView.div.rsWrap

{

min-height: 100px !important;

}

.RadScheduler_Web20 .rsTimelineView .rsWrap

{

min-height: 90px !important;

}

/* </month view> */

/* <footer> */

.RadScheduler_Web20 .rsMonthView .rsRow

{

height: auto !important;

}

.RadScheduler_Web20 div.rsFooter

{

background-color: #f0fafd;

background-image: url('Scheduler/rsSprites.png');

background-repeat: repeat-x;

border-color: #a2a2a2;

}

.RadScheduler_Web20 div.rsFooter .rsFullTime

{

color: #000;

background-position: 0 -248px;

padding: 3px 0 4px 17px;

background-color: transparent;

background-image: url('Scheduler/rsSprites.png');

background-repeat: no-repeat;

}

.RadScheduler_Web20 div.rsFooter .rsFullTime:hover

{

color: #333;

background-position: 0 -271px;

}

/* </footer> */

/* <inline edit form> */

.RadScheduler_Web20 .rsAptEditResizeHandle, .RadScheduler_Web20 .rsAptEditFormWrapper

{

background-image: url('Scheduler/rsSprites.png');

}

.RadScheduler_Web20 .rsAptEditFormOuter, /* top */ .RadScheduler_Web20 .rsAptEditFormInner /* bottom */

{

background-image: url('Scheduler/rsInlineEditHSprite.png');

}

.RadScheduler_Web20 .rsAptEditFormMiddle, /* left */ .RadScheduler_Web20 .rsAptEditFormMiddle2 /* right */

{

background-image: url('Scheduler/rsInlineEditVSprite.png');

}

.RadScheduler_Web20 .rsAptEditFormWrapper .rsAptEditTextareaWrapper

{

border-color: #bcd2f1;

background: #fff;

}

.RadScheduler_Web20 .rsAptEditFormWrapper .rsAptEditTextareaWrapper textarea

{

background: #fff;

}

/* <inline edit form template and edit background> */

.RadScheduler_Web20 .rsAptEditFormWrapper .rsTemplateWrapper, .RadScheduler_Web20 .rsAptEditFormWrapper .rsEditOptions

{

background: #e7f1ff;

}

/* </inline edit form template and edit background> */

/* </inline edit form> */

/* <advanced edit form> */

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvContentWrapper

{

background: #fff;

border: 1px solid #6788be;

border-top-color: #47689e;

}

/* <xref input skins> */

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInput, .RadScheduler_Web20 .rsAdvancedEdit select, .RadScheduler_Web20 .rsAdvancedEdit .textareaWrapper

{

border-color: #6788be;

}

.RadScheduler_Web20 .rsAdvancedEdit .rsInvalid textarea

{

background-image: url('Input/sprite.gif');

}

.RadScheduler_Web20 .rsAdvancedEdit .textareaWrapper

{

background: #fff;

}

.RadScheduler_Web20 .rsAdvancedEdit .rsInvalid

{

border-color: #F32800;

color: #F32800;

}

/* </xref input skins> */

.RadScheduler_Web20 .rsAdvancedEdit h2, .RadScheduler_Web20 .rsAdvancedEdit h3

{

color: #5e83a8;

}

.RadScheduler_Web20 .rsAdvancedEdit h2

{

border-bottom: 1px solid #CCC;

}

.RadScheduler_Web20 .rsAdvancedEdit h2 span

{

background: #fff;

}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvRecurrenceFreq

{

border-right: 1px solid #fff;

}

.RadScheduler_Web20 .rsAdvancedEdit ul.rsRecurrenceOptionList /* ??? */

{

border-right: 1px solid #CCC;

}

.RadScheduler_Web20 .rsAdvancedEdit div.rsAdvPatternPanel

{

border-left: 0;

}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvancedSubmitArea

{

border-color: #CCC;

}

/* </advanced edit form> */

/* <date/time picker> */

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvEditClose, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riEnabled, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riHover, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riFocused, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riEmpty

{

background-image: url('Scheduler/rsSprites.png');

}

/* </date/time picker> */

/* <modal dialogs> */

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvTitle, .RadScheduler_Web20 .rsModalWrapper .rsModalOuter

{

border-color: #416094;

background-image: url('Scheduler/rsModalOuterBg.png');

}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInnerTitle, .RadScheduler_Web20 .rsModalWrapper .rsModalOuterTitle

{

background-image: url('Scheduler/rsModalOuterTitleBg.png');

}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInnerTitle

{

color: #FFF;

}

.RadScheduler_Web20 div.rsModalWrapper .rsModalWindowClose

{

background-image: url('Scheduler/rsSprites.png');

height: 19px;

margin-top: -24px;

width: 31px;

opacity: 0.8;

-moz-opacity: 0.8;

filter: alpha(opacity=80);

}

.RadScheduler_Web20 .rsModalWrapper .rsModalWindowClose:hover

{

opacity: 1;

-moz-opacity: 1;

filter: alpha(opacity=100);

}

.RadScheduler_Web20 .rsModalWrapper .rsModalTitle

{

color: #fff;

background-image: url('Scheduler/rsSprites.png');

}

.RadScheduler_Web20 .rsModalWrapper .rsModalInner

{

border-color: #6788be;

background: #fff;

}

.RadScheduler_Web20 .rsModalWrapper .rsModalIcon

{

background-image: url('Scheduler/rsSprites.png');

}

/* Inline Edit buttons + ModalDialog buttons */

.RadScheduler_Web20 .rsModalWrapper .rsModalButtons a, .RadScheduler_Web20 .rsAdvancedEdit div.rsAdvancedSubmitArea a, .RadScheduler_Web20 .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a

{

color: #FFF;

background-image: url('Scheduler/rsSprites.png');

}

.RadScheduler_Web20 .rsModalWrapper .rsModalButtons a:hover, .RadScheduler_Web20 .rsAdvancedEdit div.rsAdvancedSubmitArea a:hover, .RadScheduler_Web20 .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a:hover

{

color: #0f3789;

}

/* </modal dialogs> */





Thanks,

Daniel.B

Scheduler

answered on 22 Sep 2010

4 answers

126 views

RadScheduler Sharepoint 2010 update panel

Hello,

i'm developing a webpart that runs under Sharepoint 2010, it basically consits on a RadScheduler inside an updatePanel.

I had some issues before, but i fix as is explained in this post.

http://www.telerik.com/community/forums/aspnet-ajax/scheduler/asp-updatepanel-and-radscheduler-issues.aspx

The problem now is when the user is in the week or month view, and clicks on the link that appears for each day a javascript error fires.
Debugging it i can see that fails un this line, because f is null.

_switchToSelectedDay:function (l ){var l=f.getDate (l )}

There is any way to fix this problem_

Thanks

Scheduler

answered on 22 Sep 2010

1 answer

157 views

edit column header text?

my radgrid has AutoGenerateEditColumn="True"
by default there is no test in the edit column header. Is it possible to put a header text in the edit column?
thanks in advance

Grid

answered on 22 Sep 2010

1 answer

173 views

Disable the calender Tooltip

Hi Team,

I need to disable the calender tool tip in the rad scheduler.

whenever i place the mouse over in >next month) it display the tool tip.

so i shouldn't do that. That mouse over has to stop o that area.

Because I've implemented the rad manager tool tip for every appointment.

If i place through the next month icon of the calendar it returns the string.

It shouldn't done like that. If so,i'm getting exception like input string is not in correct format.

here is my code and attached image.

protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

RadScheduler1.ToolTip = string.Empty;

this.AdminController.State.Session.Schedule = new Schedule(userSession);

int aptId = int.Parse((e.TargetControlID.Split('_')[3]));

Appointment apt = RadScheduler1.Appointments[aptId];

this.AdminController.State.Session.Schedules =

this.AdminController.RetrieveAllEventSchedules();

for (int i = 0; i < this.AdminController.State.Session.Schedules.Count; i++)

{

if ((apt.Subject ==

this.AdminController.State.Session.Schedules[i].DisplayPermitName) &&

apt.ID.ToString() ==

this.AdminController.State.Session.Schedules[i].ID.ToString())

{

apt.Subject = "Permit Name : " + this.AdminController.State.Session.Schedules[i].DisplayPermitName + "<br>" + "Client Type Name : " + this.AdminController.State.Session.Schedules[i].DisplayClientTypeName + "<br>" + "Facility Name : " + this.AdminController.State.Session.Schedules[i].DisplayFacilityName + "<br>" + "Resource Name : " + this.AdminController.State.Session.Schedules[i].DisplayResourceName;

}

AppointmentToolTip toolTip = (AppointmentToolTip)LoadControl("~/UserControls/AppointmentToolTip.ascx");

toolTip.TargetAppointment = apt;

e.UpdatePanel.ContentTemplateContainer.Controls.Add(toolTip);

aptId = 0;

}

Awaiting for your quick reply.

Thanks,

Daniel.B

Scheduler

answered on 22 Sep 2010

1 answer

165 views

[Solved] radgrid header is not displaying properly

HI,

In my radgrid, header is not displaying properly. on the right hand side. there is space coming there with a horizontal line. (see the image) How to remove this?

.rgRow td

{

border-bottom: 1px dotted #aaaaaa !important;

border-bottom-style: dotted !important;

border-bottom-width: inherit !important;

}

.rgAltRow td

{

border-bottom: 1px dotted #aaaaaa !important;

border-bottom-style: dotted !important;

border-bottom-width: inherit !important;

}

.rgPageFirst, .rgPagePrev, .rgPageNext, .rgPageLast

{

display: none !important;

}

div.RadGrid_Default .rgHeader, div.RadGrid_Default th.rgResizeCol

{

background-image: none !important;

}

i tried in this way but it didn't work....

Here is my grid

<div style="width: 100%; height: 650px; overflow: auto; overflow-y: hidden">

<telerik:RadGrid ID="gvPjtMnt" runat="server" Height="645px" Width="99%" AutoGenerateColumns="false"

BorderWidth="2px" BorderStyle="Solid" BackColor="White" AllowPaging="True" PagerStyle-AlwaysVisible="true"

PageSize="20" AllowSorting="True" AllowFilteringByColumn="false" OnNeedDataSource="gvPjtMnt_OnNeedDataSource"

OnItemCommand="gvPjtMnt_ItemCommand" OnItemCreated="gvPjtMnt_ItemCreated" OnItemDataBound="gvPjtMnt_ItemDataBound">

<HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"

HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />

<AlternatingItemStyle Font-Size="8pt" BackColor="#F5F5E9" HorizontalAlign="Center"

BorderWidth="1px" BorderColor="White" />

<ItemStyle HorizontalAlign="Center" />

<ExportSettings ExportOnlyData="true" IgnorePaging="true" FileName="Project Management">

</ExportSettings>

<MasterTableView GridLines="None" CommandItemDisplay="Top" DataKeyNames="ProjectId"

HorizontalAlign="Center">

<CommandItemTemplate>

<table style="width: 100%">

<tr>

<td align="right">

Total Records found: <asp:Label ID="lblTotRecCount" runat="server" Font-Bold="True"

Font-Size="10pt" ForeColor="Black" Text="0"></asp:Label>

</td>

<td align="right" style="width: 2%">

<asp:ImageButton ID="lnkExportAll" ImageUrl="~/images/Excel.png" ToolTip="Export All"

runat="server" OnClick="ExportAll_Click" />

</td>

<td align="right" style="width: 1%">

<asp:ImageButton ID="ExportToExcelButton" runat="server" ImageUrl="~/images/ExportToExcel.gif"

ToolTip="Export to Excel" OnClick="ExportExcel_Click" />

</td>

</tr>

</table>

</CommandItemTemplate>

<Columns>

.... few columns here ......

</Columns>

<ItemStyle ForeColor="#3C5F22" Font-Size="8pt" BackColor="White" BorderWidth="0px"

BorderColor="White" />

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

</MasterTableView>

<ClientSettings AllowColumnsReorder="true">

<%--<ClientEvents OnGridCreated="GridCreated" />--%>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

<Resizing AllowColumnResize="true" EnableRealTimeResize="false" ResizeGridOnColumnResize="false"

AllowRowResize="false" />

</ClientSettings>

</telerik:RadGrid>

</div>

Grid

answered on 22 Sep 2010

3 answers

415 views

[Solved] RadComboBox Validation

Hi,
I am trying to validate rad combobox in alot of ways, even i used the simplest way but it's not working, even it was working correctly in 2009 Q3 version.

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

<asp:DropDownList ID="ddl" runat="server">

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

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

</asp:DropDownList>

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

ControlToValidate="ddl" ErrorMessage="Please Select"

InitialValue ="-1" Text="*" ValidationGroup="ddl_vg">

</asp:RequiredFieldValidator>

<telerik:RadComboBox ID="rcb" runat="server" ValidationGroup="ddl_vg" Skin="Default" Width="200px" CausesValidation="true">

<Items>

<telerik:RadComboBoxItem Text="aaaa" Value="1" />

<telerik:RadComboBoxItem Text="bbbb" Value="2" />

</Items>

</telerik:RadComboBox>

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

ControlToValidate="rcb" ErrorMessage="Please Select"

InitialValue ="-1" Text="*" ValidationGroup="ddl_vg">

</asp:RequiredFieldValidator>

<br />

<asp:Button ID="btn" runat="server" Text="Click" ValidationGroup="ddl_vg" OnClick="btn_Click" />

</telerik:RadAjaxPanel>

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.rcb.Items.Insert(0, new RadComboBoxItem("select item", "-1"));

this.ddl.Items.Insert(0, new ListItem("select", "-1"));

}

i think the above is the simplest example and it's not working, although i need to use it to validate rcb with autocomplete functionality or with filteration functionality.

i am using version 2010 Q1

ComboBox

answered on 22 Sep 2010

2 answers

89 views

Formatting Help in RadEditor

Hi,

I am using Radeditor for body content for sending email through programming.

If i made any formatting in radeditor like bold, color, fontsize etc and sending email , i am not receiving any formatting in mails.

I am able to receiving all the data in single line without any formating in mails.

Can anyone help me where the problem exists

Need urjent help in this issue.

Regards,
Prathap

Editor

answered on 22 Sep 2010

1 answer

211 views

How to fetch Control's ID inside the RadGrid in UserControl

Hello All,

I have a user control inside which there is a RadGrid and I want to fetch the ID of the text-box which is inside the RadGrid in the user control in the main CS page from where the user control is being called.

Grid

answered on 22 Sep 2010

1 answer

67 views

Problem witth "Delete" link Border

Hi!

I create a Skin for the RadGrid. There's nothing wrong with the skin when I input the data.
But when I click "Edit" to edit the row data, all the row borders are showed perfectly except the "Delete" row.
This problem just happens in IE, not in Firefox.
Note: I'm using VS2010, framework 4.0, IE 6.0, and the newest version of Telerik

Thanks!

Grid

answered on 22 Sep 2010