Questions on UI for ASP.NET AJAX Forum

4 answers

317 views

Hi,

I created a RadGrid programmatically and added the RadGrid to a PlaceHolder control. The PlaceHolderControl is in a RadPageView.
In the code-behind, how can I programmatically find the RadGrid control when I click on a button?

I have tried the following code but to no avail.

protected void GetVotingsBtn_Click(object sender, EventArgs e)

{

RadGrid vGrid = null;

PlaceHolder GridPlaceHolder = (PlaceHolder)this.VotingRadPageView.FindControl("GridPlaceHolder");

if (GridPlaceHolder != null) { vGrid = (RadGrid)this.GridPlaceHolder.FindControl("VRadGrid"); }

}

The value of the vGrid is always null. Please, help.

Thanks in advance.

Grid

answered on 23 Nov 2010

3 answers

64 views

export button opens document in browser

Hi,

Clicking on the export button opens the document in the browser in IE 7.0. Can you provide a way for it to prompt a dialog box to save instead?

Thanks & Regards

Grid

answered on 23 Nov 2010

2 answers

842 views

RadAjaxManager.GetCurrent(this.Page) returns null on secondary page

I have a master page that defines a RadAjaxManager :

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
</telerik:RadAjaxManager>

and in my secondary page I have a button click handler that calls:

RadAjaxManager.GetCurrent(this.Page).Redirect("ManageGroups.aspx");

This fails with a null reference exception since GetCurrent returns null despite there being a RadAjaxManager on the master page. I've tried adding a RadAjaxManagerProxy to the secondary page but that doesn't seem to have any effect. So far the only way I've found to get round this issue is to create an extra RadAjaxManager on the secondary page which isn't very efficient.

This is in a project that was converted from .NET 3.5 to 4.0 just in case that helps point to the issue.

Ajax

answered on 23 Nov 2010

3 answers

80 views

column width in a mastertable view setup

hello,
i found that if my column had no space, it does not adhere to the width size and also does not wrap. any way around that? thanks.

Grid

answered on 23 Nov 2010

5 answers

158 views

Custom External Skin Issue

Hi guys,

I want to create a custom skin for the RadEditor...

I have followed this article closely to copy Windows7 skin to my local project so I can rename it, and update files as necessary...
http://www.telerik.com/support/kb/aspnet-ajax/editor/register-external-skin-vista-radeditor.aspx

For the most part it works, but I am experiencing an issue with the Image Manager...

Please see attached JPG for issue with the Image Preview... I cannot access properties or insert the image as it's not picking up the correct styles. I copied the skin directly from my installation folder and have not changed anything.

Could you advise?

Thanks,
Chris.

Editor

answered on 23 Nov 2010

6 answers

214 views

MarkFirstMatch problem

Hello,

I have a RadComboBox with the option "AllowCustomText" and "MarkFirstMatch" with "true" value.
When I type an existing value the AutoCompletion work.
When I type an unknow value this value is send to the server during the post back.
When I type the first part of an existing value and delete the text added by the Auto Completion, the server received the first match value and not the value enter in the ComboBox.

For example :
I have 3 values : "Value1", "Value2" and "Value3" and I type "Val" in the ComboBox the server receiver "Value1" and not "Val".

I check in the online demo and it work but it don't work in the local demo (installed with Telerik control).

The installed version is : v. 2010.2.826.35

Best regards,
Kévin

ComboBox

answered on 23 Nov 2010

4 answers

137 views

[Solved] problem with DataKeyNames property

Hi,

I am trying to develop in my web page a RADGRID.

The DataSource of the Grid is a DataTable and I was create in the Grid an EditButton.

My problem is how I can point the DataKeyNames of the grid on the first column of the DataTable and how I can retrieve the key from the selected line by EditButton.

Thanks and Best Regards.

Grid

answered on 23 Nov 2010

1 answer

117 views

Appointment Height not binding properly, it should bind automatically based on the appointment entry



Hi Team,



I've attached the image. Please look over it..



Issues:

--------

1.In month View, the appointment is not fixed properly, i have given as



.RadScheduler_Web20 .rsMonthView .rsWrap

{

    min-height: 150px !important;

}



The appointment should be bind flexible...

If there is single appointment on that row, the height must set appropriate to that appointment.



2. When i click the Day , Week , Timeline Tab , the link doesn't work.



Please reply me ASAP



here is my scheduer.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 em

{

font-weight:bold;

font-size:14px;

color:LightGreen;

}

.RadScheduler_Web20 .rsHeader .rsToday

{

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

{

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;

}

.RadScheduler_Web20 .rsDayView. .rs

{

width:10px !important;

}

/* <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');

}

/* 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

{

margin-top: -120px !important;

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;

}

/* Added by Daniel for setting the DayView width for appointment only without affecting other types*/

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

{

width:200px !important;

}

/* </appointments> */

/* <month view> */

.RadScheduler_Web20 .rsMonthView .rsDateBox

{

background-color: #d0dbed;

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

border-bottom: 1px solid #81a5da;

}

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

.RadScheduler_Web20 .rsMonthView .rsWrap

{

min-height: 150px !important;

}

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

.RadScheduler_Web20 .rsTimelineView .rsWrap

{

min-height: 150px !important;

height: auto !important;

}

/* </month view> */

/* <footer> */

.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 .rsTopWrap

{

min-height:10px !important;

}

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

{

color: Blue;

}

/* </modal dialogs> */

Scheduler

answered on 23 Nov 2010

1 answer

128 views

RadEditor toolbar alignment issue

Hi,
I'm using radeditor((Q2 2008 version). below mention code I written but I didn't get proper alignment for tool bar.

<rad:RadEditor ID="rdEditorAgenda" Editable="true" runat="server" NewLineBr="true" Width="100%"

Skin="WebBlue" ToolsFile="~/Template/DynamicContentEditorToolsFile.xml"

CssFiles="~/CSS/RadEditor.css" ShowSubmitCancelButtons="false" >

</rad:RadEditor>

but if I'm add ToolbarMode="ShowOnFocus" this property, that time when default page open, toolbar is not enabled. when you click on inside the radeditor toolbar display with correct format.

<rad:RadEditor ID="rdEditorAgenda" Editable="true" runat="server" NewLineBr="true" Width="100%"

Skin="WebBlue" ToolsFile="~/Template/DynamicContentEditorToolsFile.xml"

CssFiles="~/CSS/RadEditor.css" ShowSubmitCancelButtons="false" ToolbarMode="ShowOnFocus" >

</rad:RadEditor>

Thanks in Advance
Mr. Perfect.

Editor

answered on 23 Nov 2010

1 answer

101 views

RadPanelBar with Embedded RadMenu

Hello,

I am using a RadMenu embedded in a RadPanelBar. The functionality of the RadPanelBar and RadMenu is working well, but my menu does not show the arrow indicating there are sub menus. The first level of the menu is fixed (hard coded), but some of the menu items have sub menus that are dynamically added.

I added a test menu item to my code that will take the sub menus out three levels and the middle level properly displayed the arrow leading the user to the third level, but the first level did not have the arrow.

When I look at the page using Firefox's Firebug the class that is applied to the level 1 menu items that expand is "rmText rmExpandRight" - the same style that is applied to my test level two menu item, which displays the arrow.

I appreciate any assistance you can offer to get the arrows to display correctly.

Regards,

Don Tompkins

PanelBar

answered on 23 Nov 2010