Questions on UI for ASP.NET AJAX Forum

3 answers

108 views

Rad Menu - Custom Skin Not working in IE 7

Hi Friends,
           I have a Rad Menu, with Customized Skin. It works fine with all browsers, but it is not showing child items in IE 7 alone. Kindly help me. I have attached the view as image with attachments.
And the Css:

/* <RadMenu / Default> */

.RadMenu_Green .rmRootGroup,
.RadMenu_Green a.rmLink,
.RadMenu_Green .rmGroup .rmText,
.RadMenu_Green .rmLeftArrow,
.RadMenu_Green .rmRightArrow,
.RadMenu_Green .rmTopArrow,
.RadMenu_Green .rmBottomArrow
{
   /*background-image: url('Menu/rmSprite.png');*/
   /*background-color: transparent;*/
   background: none;
}

.RadMenu_Green .rmRootGroup
{
    background: none;
   border: 1px solid #01649F;
   background-repeat: repeat-x;
   background-position: 0 -408px;
   overflow: visible;
   height:25px;
   /* background-color: #CFFCEA; */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#489AD6',EndColorStr='#01649F'); /* For IE 5.5 to IE 7 */
    background: -moz-linear-gradient(top , #489AD6, #01649F); /* Mozilla */
    background: -webkit-gradient(linear, left top, left bottom, from(#489AD6), to(#01649F)); /* Safari and Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#489AD6, endColorstr=#01649F)"; /* For IE 8 */
}

/* <Root items> */

.RadMenu_Green,
.RadMenu_Green a.rmLink
{
   font: normal 12px/25px "Segoe UI", Arial, sans-serif;
   color: #fff;
   text-decoration: none;
}

.RadMenu_Green a.rmLink,
.RadMenu_Green a.rmDisabled,
.RadMenu_Green a.rmDisabled:hover
{
   background-position: 0 -72px;
}

.RadMenu_Green .rmFirst a.rmLink,
.RadMenu_Green .rmFirst a.rmLink:hover,
.RadMenu_Green .rmLast .rmText,
.RadMenu_Green .rmLast a.rmLink:hover .rmText,
.RadMenu_Green .rmVertical a.rmLink,
.RadMenu_Green .rmVertical .rmText
{
   background-repeat: no-repeat;
   background-position: 0 500px;
}

.RadMenu_Green .rmVertical .rmFirst,
.RadMenu_Green .rmVertical .rmLast
{
   background: none;
}

.RadMenu_Green a.rmLink:hover,
.RadMenu_Green a.rmFocused,
.RadMenu_Green a.rmSelected
{
   background-color: #01649F;
}

.RadMenu_Green .rmHorizontal .rmRootLink span.rmText
{
   display: inline;
   padding-left: 12px;
}

.RadMenu_Green .rmHorizontal a.rmRootLink
{
   padding-left: 0;
}

.RadMenu_Green .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
   width: 100%;
}

.RadMenu_Green .rmHorizontal img.rmLeftImage
{
   margin: 4px -4px 0 6px;
}

.RadMenu_Green_rtl .rmHorizontal img.rmLeftImage
{
   margin: 4px 6px 0 -4px;
}

.RadMenu_Green .rmVertical a.rmLink
{
   padding-top: 1px;
   padding-bottom: 1px;
}

.RadMenu_Green .rmVertical a.rmLink:hover,
.RadMenu_Green .rmVertical a.rmFocused,
.RadMenu_Green .rmVertical a.rmSelected,
.RadMenu_Green .rmVertical a.rmExpanded,
.RadMenu_Green .rmVertical a.rmExpanded:hover
{
   padding-top: 0;
   padding-bottom: 0;
   border-style: solid;
   border-color: #01649F;
   border-width: 1px 0;
}

.RadMenu_Green .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_Green .rmVertical .rmFirst a.rmFocused,
.RadMenu_Green .rmVertical .rmFirst a.rmSelected,
.RadMenu_Green .rmVertical .rmFirst a.rmExpanded,
.RadMenu_Green .rmVertical .rmFirst a.rmExpanded:hover
{
   padding-top: 1px;
   padding-bottom: 0;
   border-top-width: 0;
}

.RadMenu_Green .rmVertical .rmLast a.rmLink:hover,
.RadMenu_Green .rmVertical .rmLast a.rmFocused,
.RadMenu_Green .rmVertical .rmLast a.rmSelected,
.RadMenu_Green .rmVertical .rmLast a.rmExpanded,
.RadMenu_Green .rmVertical .rmLast a.rmExpanded:hover
{
   padding-bottom: 1px;
   padding-top: 0;
   border-bottom-width: 0;
}

.RadMenu_Green .rmVertical .rmItem a.rmDisabled:hover
{
   padding-top: 1px;
   padding-bottom: 1px;
   border-width: 0;
}

.RadMenu_Green a.rmExpanded,
.RadMenu_Green a.rmExpanded:hover
{
   background-color: #01649F;
}

.RadMenu_Green a.rmDisabled,
.RadMenu_Green a.rmDisabled:hover
{
   color: #01649F;
   background-color: #01649F;
}

/* </Root items> */

/* <Submenu items> */

.RadMenu_Green .rmGroup,
.RadMenu_Green .rmMultiColumn,
.RadMenu_Green .rmGroup .rmVertical
{
   border: 1px solid #01649F;
   background: none;
   /*background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;*/
}

.RadMenu_Green .rmTopFix,
.RadMenu_Green .rmBottomFix,
.RadMenu_Green .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Green .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_Green_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Green_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
   /* background-image: url('Menu/rmVSprite.png'); */
   background-color: #01649F;
   /* background-repeat: repeat-y; */
}

* html .rmRoundedCorners_Green .rmGroup .rmItem,
* html .rmRoundedCorners_Green ul.rmHorizontal .rmFirst
{
   /* background-image: url('Menu/rmVSprite.png'); */
   background-color: #01649F;
   /* background-repeat: repeat-y; */
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Green .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_Green .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_Green .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Green .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-color: #01649F;
   /* background-image: none; */
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_Green .rmScrollWrap .rmItem,
* html .rmRoundedCorners_Green .rmHorizontal .rmItem,
* html .rmRoundedCorners_Green .rmScrollWrap .rmVertical
{
   background-image: none;
}

.RadMenu_Green .rmRoundedCorners .rmGroupColumn
{
   background-color: #01649F;
}

.RadMenu_Green .rmBottomLeft,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_Green .rmRoundedCorners ul.rmGroup,
.RadMenu_Green .rmRoundedCorners .rmMultiColumn
{
   background-image: url('Menu/rmRoundedLeft.png');
   background-color: transparent;
   background-repeat: no-repeat;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer,
* html .rmRoundedCorners_Green .rmGroup ul.rmGroup,
* html .rmRoundedCorners_Green ul.rmGroup
{
    background-color: #01649F;
   /* background-image: url('Menu/rmRoundedLeft.png');
   background-color: transparent;
   background-repeat: no-repeat; */
}

.RadMenu_Green .rmTopRight,
.RadMenu_Green .rmBottomRight
{
   background-image: url('Menu/rmRoundedRight.png');
   background-color: transparent;
   background-repeat: no-repeat;
}

.RadMenu_Green .rmTopFix,
.RadMenu_Green .rmBottomFix,
.RadMenu_Green .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_Green_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_Green .rmGroup .rmFirst
{
   border-color: #979797;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
   background: #000000;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmBottomFix
{
   background: #000000;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
   background-color: #01649F;
   border: 0;
}

* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_Green .rmScrollWrapContainer .rmRightArrow
{
   background-color: #01649F;
   border: 0;
}

.RadMenu_Green_rtl .rmBottomLeft,
.RadMenu_Green_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_Green_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Green .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_Green_Context_rtl ul.rmGroup,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer
{
   background-image: url('Menu/rmRoundedLeft_rtl.png');
}

.RadMenu_Green_rtl .rmTopRight,
.RadMenu_Green_rtl .rmBottomRight
{
   background-image: url('Menu/rmRoundedRight_rtl.png');
}

.RadMenu_Green_rtl li.rmTopFix,
.RadMenu_Green_rtl li.rmBottomFix,
.RadMenu_Green_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_Green_Context_rtl .rmGroup .rmItem
{
    background-color: #01649F;
   background-position: 101% 0;
}

.RadMenu_Green .rmSlide .rmScrollWrap
{
    background-color: #01649F;
   background-image: none;
}

.RadMenu_Green_rtl .rmGroup,
.RadMenu_Green_rtl .rmMultiColumn,
.RadMenu_Green_rtl .rmGroup .rmVertical
{
    background-color: #01649F;
   background-position: 100% 0;
}

.RadMenu_Green .rmRootGroup li.rmItem .rmGroup
{
   padding-bottom: 0;
}

.RadMenu_Green .rmRootGroup .rmHorizontal
{
    background-color: #01649F;
   background-image: none;
}

.RadMenu_Green .rmScrollWrap .rmVertical
{
    background-color: #01649F;
   border: 0;
}

.RadMenu_Green .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_Green_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_Green .rmScrollWrapContainer li.rmItem
{
   background: none;
}

.RadMenu_Green .rmGroup .rmItem a.rmLink,
.RadMenu_Green .rmGroup .rmItem a.rmLink:hover,
.RadMenu_Green .rmGroup .rmItem a.rmFocused,
.RadMenu_Green .rmGroup .rmItem a.rmSelected,
.RadMenu_Green .rmGroup .rmItem a.rmExpanded
{
    background-color: #01649F;
   padding-top: 0;
   padding-bottom: 0;
   border: 0;
}

.RadMenu_Green .rmGroup .rmLast a.rmLink,
.RadMenu_Green .rmGroup .rmLast a.rmLink:hover,
.RadMenu_Green .rmGroup .rmLast a.rmFocused,
.RadMenu_Green .rmGroup .rmLast a.rmSelected,
.RadMenu_Green .rmGroup .rmLast a.rmExpanded
{
    background-color: #01649F;
   padding-bottom: 1px;
}

.RadMenu_Green .rmGroup a.rmLink,
.RadMenu_Green .rmGroup .rmText,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-color: #01649F;
   /* background-position: 0 500px;
   background-repeat: no-repeat;
   background-color: transparent; */
}

.RadMenu_Green .rmGroup a.rmLink:hover,
.RadMenu_Green .rmGroup a.rmFocused,
.RadMenu_Green .rmGroup a.rmSelected,
.RadMenu_Green .rmGroup a.rmExpanded
{
   background-position: 0 -168px;
}

.RadMenu_Green .rmGroup a.rmLink:hover .rmText,
.RadMenu_Green .rmGroup a.rmFocused .rmText,
.RadMenu_Green .rmGroup a.rmSelected .rmText,
.RadMenu_Green .rmGroup a.rmExpanded .rmText
{
   background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_Green .rmGroup .rmExpandRight,
.RadMenu_Green .rmGroup .rmExpandDown,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_Green .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
   background-position: 100% -216px;
}

.RadMenu_Green .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_Green .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_Green .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_Green .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_Green .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_Green .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_Green .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_Green .rmGroup a.rmExpanded .rmExpandDown
{
   background-position: 100% -240px;
}

.RadMenu_Green .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_Green .rmGroup a.rmDisabled:hover .rmExpandDown
{
   /*background-image: url('Menu/rmSprite.png');*/
   background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_Green_rtl a.rmLink,
.RadMenu_Green_rtl .rmRootGroup a.rmDisabled
{
   background-position: 100% -96px;
}

.RadMenu_Green_rtl .rmGroup a.rmDisabled
{
   background: none;
}

.RadMenu_Green_rtl .rmText
{
   background-position: 0 -96px;
}

.RadMenu_Green_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_Green_rtl .rmVertical a.rmExpanded:hover .rmText
{
   background-position: 0 500px;
   background-repeat: no-repeat;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover,
.RadMenu_Green_rtl .rmGroup a.rmFocused,
.RadMenu_Green_rtl .rmGroup a.rmSelected,
.RadMenu_Green_rtl .rmGroup a.rmExpanded
{
   background-position: 100% -264px;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_Green_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_Green_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_Green_rtl .rmGroup a.rmExpanded .rmText
{
   background-position: 0 -288px;
}

.RadMenu_Green_rtl .rmGroup .rmExpandLeft
{
   background-position: 0 -312px;
}

.RadMenu_Green_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_Green_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
   background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_Green .rmSlide
{
   margin: 0 0 0 -1px;
}

.RadMenu_Green .rmVertical .rmSlide,
.RadMenu_Green .rmSlide .rmSlide,
.RadMenu_Green_Context .rmGroup .rmSlide
{
   margin: 0 0 0 -5px;
}

.RadMenu_Green_rtl .rmSlide
{
   margin: 0 0 0 0;
}

.RadMenu_Green_rtl .rmFirst .rmSlide
{
   margin-left: 1px;
}

.RadMenu_Green_rtl .rmVertical .rmSlide,
.RadMenu_Green_rtl .rmSlide .rmSlide,
.RadMenu_Green_Context_rtl .rmGroup .rmSlide
{
   margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_Green .rmLeftArrow,
.RadMenu_Green .rmRightArrow
{
   background-color: #E6E6E6;
}

.RadMenu_Green .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_Green .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_Green .rmTopArrow,
.RadMenu_Green .rmBottomArrow,
.RadMenu_Green .rmGroup .rmLeftArrow,
.RadMenu_Green .rmGroup .rmRightArrow
{
   background-color: #E6E6E6;
}

.RadMenu_Green .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_Green .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_Green .rmHorizontal .rmSeparator .rmText,
.RadMenu_Green .rmVertical .rmHorizontal .rmSeparator .rmText
{
   height: 22px;
   margin: 1px 0 0;
   width: 1px;
   background-color: #A8A8A8;
}

.RadMenu_Green_Context .rmSeparator .rmText,
.RadMenu_Green .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_Green .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
   background-color: transparent;
   background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */

Menu

answered on 01 Mar 2013

2 answers

93 views

Column Chart MaxValue not showing FireFox/Chrome

See 2 attached screenshots. IE works, FireFox and Chrome do not. I have not modified any CSS and am using the Metro skin.

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" DataSourceID="SqlDSUserRatings" Skin="Metro">
<ChartTitle>
<Appearance Visible="False" />
</ChartTitle>
<Legend>
<Appearance Visible="False" />
</Legend>
<PlotArea>
<YAxis MaxValue="5" MinValue="0">
<TitleAppearance Text="Rating" />
</YAxis>
<XAxis DataLabelsField="FullName">
<TitleAppearance Text="User"></TitleAppearance>
</XAxis>
<Series>
<telerik:ColumnSeries DataFieldY="Rating" Name="Series 1">
</telerik:ColumnSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>

Thanks,
Andrew

Chart (HTML5)

answered on 01 Mar 2013

1 answer

130 views

Dropdown List with RadComboBox

I have a datalist (dlLockNumber) with a RadComboBox Control (rcbLockSeriesLockNumbers) in it. Depending on the number of records in the datalist, there could be one to 100 (or more) RadComboBox instances of rcbLockSeriesLockNumbers. I have a RadButton named "rbSelect" for each RadComboBox that is disabled upon page load - so that when someone selects some value other than the default ("-1"), the desired event is to enable the button. I have a javascript function named OnClientSelectedIndexChanged that hopefully would work but it does not. If any of you Javascript sharpies could take a look at the function and steer me in the right direction, it would be appreciated.

Here is the HTML side of the code - this is part of a .NET User Control:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Keys.ascx.vb" Inherits="Controls_Keys" %>

<telerik:RadCodeBlock ID="rcblock1" runat="server">

<script language="javascript" type="text/javascript">

function OnClientSelectedIndexChanged(sender, eventArgs) {

var item = eventArgs.get_item();

var ddl = $find("<%= dlKeySeries.ClientID %>");

var button = ddl.get_items().getItem(0).findControl("rbSelect");

var strValue = item.options[item.selectedIndex].value;

if (strValue == "-1") {

button.set_enabled(false);

}

else {

button.set_enabled(true);

}

</script>

</telerik:RadCodeBlock>

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

<asp:Panel ID="pnlKeysTrue" Visible="true" runat="server">

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="BlackSmall">

<br />

<asp:Literal ID="litSectionTitle" runat="server" /><br />

<asp:Literal ID="litSectionIntro" runat="server" />

</td>

</tr>

<tr id="trrcKeySeries" runat="server">

<td class="BlackSmall">

<br />

<asp:DataList ID="dlLockNumber" DataKeyField="SeriesLockID" OnItemDataBound="dlLockNumber_ItemDataBound" Width="100%" RepeatDirection="Vertical" RepeatColumns="3" runat="server">

<ItemTemplate>

<asp:Label ID="lblSeriesLockID" Visible="false" runat="server"><%#Databinder.Eval(Container.DataItem, "SeriesLockID") %></asp:Label>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top" style="width:196px;text-align:center">

<telerik:RadComboBox ID="rcbLockSeriesLockNumbers" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" CausesValidation="false" AppendDataBoundItems="true" DataValueField="LockNumberID" Width="130px" ZIndex="20000" DataTextField="LockNumber" AutoPostBack="true" runat="server" />

</td>

<td>

<telerik:RadButton ID="rbSelect" Enabled="false" Skin="Sunset" OnClick="rbSelect_OnClick" runat="server" Text="Select" />

</td>

</tr>

</table>

</ItemTemplate>

</asp:DataList>

</td>

</tr>

</table>

</asp:Panel>

ComboBox

answered on 01 Mar 2013

2 answers

242 views

RadEditor Dropdowns E-mail template

Hi everyone!
I would like to know how could I use the RadEditor, I am new in telerik components.
I would like to use it to make email template. I have on my DB a table with the differents names for the email templates. Example: HumanResource, Marketing, etc... I load in a combobox this, and custom the aparience. Dont know where to begin?
Thanks in advance!!!!
Joan.

Editor

answered on 01 Mar 2013

21 answers

421 views

this.datetimeformat is undefined error in firefox

I'm getting this error using the RadControls for ASP.NET AJAX in Firefox 3. (As reported by Firebug)

It occurs on the this.dateTimeFormat.AbbreviatedMonthNames expression in the following code.

function Sys$CultureInfo$_getAbbrMonthIndex(value) {

if (!this._upperAbbrMonths) {

this._upperAbbrMonths = this._toUpperArray(this.dateTimeFormat.AbbreviatedMonthNames);

}

return Array.indexOf(this._upperMonths, this._toUpper(value));

}

This has been a known bug in ASP.NET AJAX -- and apparently still is in Firefox.

Does anyone know a solution or workaround?

Thanks,

Randy

TreeView

answered on 01 Mar 2013

3 answers

118 views

partially hidden buttons in firefox4

I have a formdecorator decorating buttons in a window that opens after a postback on the parent modal. Upon opening all buttons look as seen in the attached image and are inoperable. The culprit is the following CSS that presumably firefox4 adds (works in IE8) because i did not see it in formdecorator.css or window, etc.

button, input[type="submit"], input[type="reset"], input[type="button"], input[type="checkbox"], input[type="radio"], select {

visibility: hidden !important;

The problem goes away when the radformdecorator has been removed.

Regards,

Brian

FormDecorator

answered on 01 Mar 2013

1 answer

40 views

i am getting proble while fatching the records from pop up rad window

Dear Team

my scanario is
i have a text box which takes the selected value from pop up
i mean when i select the value from pop up using check box that value reflects in
text box

the value is coming fine in crome and ie
but getting problem in fire fox
getting below error
note : i am using rad ajax panel which has text box

[13:30:11.424] Use of Mutation Events is deprecated. Use MutationObserver instead. @
[13:46:25.986] TypeError: $find("dnn_ctr532_UpdateDetails_dataViewListDepartment_grdDataListViewDepartment_ctl00_ctl02_ctl03_EditFormControl_rapEmployee") is null @

please tell me what i need to do

Ajax

answered on 01 Mar 2013

1 answer

237 views

Radbutton text not centered when using set width and splitbutton=true

When I enabled SplitButton on a RadButton, I noticed the button text was centered in relation to the entire button including the split arrow. I found that when setting a width on the button (in aspx or code-behind), that this occurs. If I remove the set width, the button text now centers in relation to the non-split/arrow area. I basically just removed the set width when I dynamically split the button and add the set width when I don't need to split, so work-around was easy. I just wanted to point this out in case anyone else has encountered or if there is just some style/attribute/property I'm missing.

Button

answered on 01 Mar 2013

2 answers

88 views

[Solved] Back button with checkboxes in combo box.

I am having issues with the back button when using the combo box.

In Chome when I select item one, click off the combo box, then select item one and two, click off the combo box and then hit the browser back button, it shows one in the text but one and two checked.

In IE, with the same steps, it shows one is checked but one and two as the selected text.

How would you suggest having the back button return the combo box return to the previous state where the checked items and selected text match - either in the example or with an update panel?

Thanks in advance for any help.

Here is the code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="del.aspx.cs" Inherits="del" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager" runat="server"></telerik:RadScriptManager>

<div>

<telerik:RadComboBox ID ="ddlCounty" runat="server" DataSourceID="LDS" OnSelectedIndexChanged="ddlCounty_SelectedIndexChanged" DataTextField="name" DataValueField="value" CheckBoxes="true" AutoPostBack="true" EnableViewState="true"></telerik:RadComboBox>

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</div>

<asp:linqdatasource runat="server" id="LDS" OnSelecting="Selecting_LDS" OnSelected="OnSelecting_LDS"></asp:linqdatasource>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Threading;

using System.IO;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void LinkButton1_Click(object sender, EventArgs e)

{

}

protected void Selecting_LDS(object sender, LinqDataSourceSelectEventArgs e)

{

var l = new List<Object>()

{

new {value = 1, name = "one"},

new {value = 2, name = "two"},

new {value=3, name = "three"}

};

e.Result = l;

}

protected void ddlCounty_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)

{

string[] result = (from i in ddlCounty.CheckedItems

select i.Value).ToArray<string>();

Label1.Text = string.Join("-", result);

}

protected void OnSelecting_LDS(object sender, LinqDataSourceStatusEventArgs e)

{

}

ComboBox

answered on 01 Mar 2013

4 answers

493 views

[Solved] Combobox in RadGrid, accessing and hiding in javascript

I have a radcombobox in a grid.. .And after the onSelectedIndexChanged event is fired on the client side I would like to hide the combobox...

function onSelectedIndexChanged(sender, eventArgs) {
          var selectedItem = eventArgs.get_item();
                 // I do some stuff with the selected item...
        //  Now I would like to hide this radcombobox in the radgrid row...
 
          sender.set_visible(false);   // This did not work...
}

This is the GridTemplateColumn the control resides in:

<telerik:GridTemplateColumn HeaderText="Actions" UniqueName="Actions" AllowFiltering="false"
                      Visible="true">
                      <ItemTemplate>
                          <asp:Label ID="ActionLabel" runat="server" Text="" Visible="false" />
                       <telerik:RadComboBox ID="RadComboBoxActions" runat="server" EmptyMessage="Select Action..."
                              AutoPostBack="true" Width="155px" OnClientSelectedIndexChanged="onSelectedIndexChanged" />
                      </ItemTemplate>
                      <ItemStyle Width="155px" />
                  </telerik:GridTemplateColumn>

ComboBox

answered on 01 Mar 2013