Questions on UI for ASP.NET AJAX Forum

6 answers

679 views

Setting focus to a TextBox in a RadWindow...

I can't seem to get this to work. I have a simple Login page with 2 textboxes. I've tried all of the normal methods, plus a few things I've seen in this forum. None of them are working. I am using ASP.NET 4, VS 2010 and the LATEST build of the Telerik Controls. My HTML for the page is listed below. I've tried "OnClientShow"...the Javascript fires, but the button never visually looks like it has focus and no error appears. I'm debugging with IE 8.

Help?

thanks

mark

<body class="form" > <telerik:RadScriptBlock

ID="RadScriptBlock1"

runat="server"> <script

type="text/javascript"> //

function OnClientShow(sender, eventArgs)

 //

{ //

try

 //

{

//

var textbox = document.getElementById("<%= txtUserName.ClientID

%>"); //

//var textbox =

document.getElementById("RadWindow1$C$txtUserName"); //

//for

testing... //

//alert(textbox.name);

//

if (textbox != null)

{ //

//----------------------------------------------------- //

//This Code is firing, but the UI doesn't reflect

it... //

//----------------------------------------------------- //

textbox.focus(); //

//alert('Just Set

Focus'); //

} //

else

{ //

alert('Could not set focus to

Textbox...'); //

return; //

} //

catch (e)

{ //

alert('Error setting focus: ' +

e.Message); //

return; //

} //

} 

</script> 

</telerik:RadScriptBlock> <form id="form1"

runat="server" defaultfocus="txtUserName"> <telerik:RadScriptManager

ID="RadScriptManager1" runat="server"> 

</telerik:RadScriptManager> <telerik:RadWindow

ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Behaviors="None"

Skin="WebBlue" AutoSize="true"  

Title="Login to Creative Affairs!" VisibleStatusbar="False"

> 

<ContentTemplate> 

<table width="275px" border="0"

align="center"> 

<tr> 

<td

align="center"> 

<table class="formLabel" width="275px"

cellpadding="3"> 

<tr> 

<td

align="right"> 

<asp:Label ID="Label1" runat="server" Text="User

Name:"></asp:Label> 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtUserName" runat="server"

Width="125px"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ControlToValidate="txtUserName" 

ErrorMessage="Required"></asp:RequiredFieldValidator> 

</td> 

</tr> 

<tr> 

<td

align="right"> 

<asp:Label ID="Label2" runat="server"

Text="Password:"></asp:Label> 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtPassword" runat="server" Width="125px"

TextMode="Password"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"

ControlToValidate="txtPassword" 

ErrorMessage="Required"></asp:RequiredFieldValidator> 

</td> 

</tr> 

<tr

align="left"> 

<td> 

  

</td> 

<td> 

<table

width="100%"> 

<tr> 

<td align="left"

width="60%"> 

<asp:CheckBox ID="chkRemember" TextAlign="right" Text="Remember Me"

runat="server"

/> 

</td> 

<td

align="right"> 

<asp:Button ID="btnLogin" runat="server" Text="Login"

OnClick="btnLogin_Click"

/> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr

align="left"> 

<td

colspan="2"> 

<asp:Label ID="lblError" runat="server" ForeColor="Red"

Text=""></asp:Label> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

</ContentTemplate> 

 

</telerik:RadWindow> 

 </form> </body> </html> 

Window

answered on 15 Feb 2012

3 answers

83 views

Images being overridden in css output

I have tried creating skins based off of "simple" and "web20" doing my best to get spacing correct with these clunky controls. And then using images for backgrounds on the menu and hover items. However when I add it to visual studio and view- my images are completely overridden with the base colors. My images don't get processed at all.

The odd thing is- I remove all references to these color, yet when the telerik builder compiles the css it puts them back in.

I am focusing on the menu item (635 lines of css? Really?)

Here is what is created.

/* <RadMenu / Web20> */

.RadMenu_new .rmRootGroup,

.RadMenu_new a.rmLink,

.RadMenu_new .rmText,

.RadMenu_new .rmLeftArrow,

.RadMenu_new .rmRightArrow,

.RadMenu_new .rmTopArrow,

.RadMenu_new .rmBottomArrow

{

background-image: url('Menu/rmSprite.png');

background-color: transparent;

}

.RadMenu_new .rmRootGroup

{

border: 1px solid #6788be;

background-color: #93b4df;

}

.RadMenu_new .rmHorizontal

{

background-repeat: repeat-x;

background-position: 0 0;

}

.RadMenu_new .rmVertical

{

background-image: none;

}

/* <Root items> */

.RadMenu_new,

.RadMenu_new a.rmLink

{

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

text-decoration: none;

}

.RadMenu_new a.rmLink

{

color: #fff;

}

.RadMenu_new a.rmLink,

.RadMenu_new a.rmLink .rmText

{

background-repeat: no-repeat;

background-position: 0 500px;

}

.RadMenu_new .rmVertical .rmFirst,

.RadMenu_new .rmVertical .rmLast

{

background: none;

}

.RadMenu_new a.rmLink:hover,

.RadMenu_new a.rmFocused,

.RadMenu_new a.rmSelected,

.RadMenu_new a.rmExpanded,

.RadMenu_new a.rmExpanded:hover

{

color: #0f3789;

background-position: 0 -72px;

}

.RadMenu_new .rmFirst a.rmLink:hover,

.RadMenu_new .rmFirst a.rmFocused,

.RadMenu_new .rmFirst a.rmSelected,

.RadMenu_new .rmFirst a.rmExpanded,

.RadMenu_new .rmFirst a.rmExpanded:hover

{

background-position: -1px -72px;

}

.RadMenu_new a.rmLink:hover .rmText,

.RadMenu_new a.rmFocused .rmText,

.RadMenu_new a.rmSelected .rmText,

.RadMenu_new a.rmExpanded .rmText,

.RadMenu_new a.rmExpanded:hover .rmText

{

background-position: 100% -96px;

}

.RadMenu_new .rmLast a.rmLink:hover .rmText,

.RadMenu_new .rmLast a.rmFocused .rmText,

.RadMenu_new .rmLast a.rmSelected .rmText,

.RadMenu_new .rmLast a.rmExpanded .rmText,

.RadMenu_new .rmLast a.rmExpanded:hover .rmText

{

background-position: 0 -96px;

}

.RadMenu_new .rmItem a.rmDisabled,

.RadMenu_new .rmItem a.rmDisabled:hover,

.RadMenu_new .rmItem a.rmDisabled .rmText,

.RadMenu_new .rmItem a.rmDisabled:hover .rmText

{

background-repeat: no-repeat;

background-position: 0 500px;

}

.RadMenu_new .rmVertical a.rmLink

{

padding-top: 1px;

padding-bottom: 1px;

}

.RadMenu_new .rmVertical a.rmLink:hover,

.RadMenu_new .rmVertical a.rmFocused,

.RadMenu_new .rmVertical a.rmSelected,

.RadMenu_new .rmVertical a.rmExpanded,

.RadMenu_new .rmVertical a.rmExpanded:hover

{

padding-top: 0;

padding-bottom: 0;

border-style: solid;

border-color: #3f5f94;

border-width: 1px 0;

}

.RadMenu_new .rmVertical a.rmLink:hover,

.RadMenu_new .rmVertical a.rmFocused,

.RadMenu_new .rmVertical a.rmSelected,

.RadMenu_new .rmVertical a.rmExpanded,

.RadMenu_new .rmVertical a.rmExpanded:hover,

.RadMenu_new .rmVertical a.rmLink:hover .rmText,

.RadMenu_new .rmVertical a.rmFocused .rmText,

.RadMenu_new .rmVertical a.rmSelected .rmText,

.RadMenu_new .rmVertical a.rmExpanded .rmText,

.RadMenu_new .rmVertical a.rmExpanded:hover .rmText

{

background-position: -1px -72px;

}

.RadMenu_new .rmVertical .rmFirst a.rmLink:hover,

.RadMenu_new .rmVertical .rmFirst a.rmFocused,

.RadMenu_new .rmVertical .rmFirst a.rmSelected,

.RadMenu_new .rmVertical .rmFirst a.rmExpanded,

.RadMenu_new .rmVertical .rmFirst a.rmExpanded:hover

{

padding-top: 1px;

padding-bottom: 0;

border-top-width: 0;

}

.RadMenu_new .rmVertical .rmLast a.rmLink:hover,

.RadMenu_new .rmVertical .rmLast a.rmFocused,

.RadMenu_new .rmVertical .rmLast a.rmSelected,

.RadMenu_new .rmVertical .rmLast a.rmExpanded,

.RadMenu_new .rmVertical .rmLast a.rmExpanded:hover

{

padding-bottom: 1px;

padding-top: 0;

border-bottom-width: 0;

}

.RadMenu_new .rmVertical .rmItem a.rmDisabled:hover

{

padding-top: 1px;

padding-bottom: 1px;

border-width: 0;

}

.RadMenu_new .rmLast a.rmExpanded .rmText

{

background-position: 0 500px;

background-repeat: no-repeat;

}

.RadMenu_new .rmRootGroup a.rmDisabled,

.RadMenu_new .rmRootGroup a.rmDisabled:hover

{

color: #bdcae3;

background: none;

}

/* </Root items> */

/* <Submenu items> */

.RadMenu_new .rmGroup,

.RadMenu_new .rmMultiColumn,

.RadMenu_new .rmGroup .rmVertical

{

border: 1px solid #6788BE;

background: #fff url('Menu/rmVSprite.png') repeat-y -1px 0;

}

.RadMenu_new .rmTopFix,

.RadMenu_new .rmBottomFix,

.RadMenu_new .rmRoundedCorners .rmGroup .rmItem,

.RadMenu_new .rmRoundedCorners li.rmFirstGroupColumn .rmItem,

.RadMenu_new .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,

.RadMenu_new .rmRoundedCorners ul.rmHorizontal .rmFirst,

.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmItem,

.RadMenu_new_Context.rmRoundedCorners ul.rmHorizontal .rmFirst

{

background-image: url('Menu/rmVSprite.png');

background-color: #fff;

background-repeat: repeat-y;

background-position: -3px 0;

}

* html .rmRoundedCorners_new .rmGroup .rmItem,

* html .rmRoundedCorners_new ul.rmHorizontal .rmFirst

{

background-image: url('Menu/rmVSprite.png');

background-color: #fff;

background-repeat: repeat-y;

background-position: -3px 0;

}

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmItem,

.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,

.RadMenu_new .rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmVertical,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmItem,

.RadMenu_new_Context.rmRoundedCorners .rmHorizontal .rmItem,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmVertical

{

background-image: none;

}

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmGroup,

* html .rmRoundedCorners_new .rmScrollWrap .rmItem,

* html .rmRoundedCorners_new .rmHorizontal .rmItem,

* html .rmRoundedCorners_new .rmScrollWrap .rmVertical

{

background-image: none;

}

.RadMenu_new .rmRoundedCorners .rmGroupColumn

{

background-color: #fff;

}

.RadMenu_new .rmBottomLeft,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_new_Context.rmRoundedCorners ul.rmGroup,

.RadMenu_new .rmRoundedCorners ul.rmGroup,

.RadMenu_new .rmRoundedCorners .rmMultiColumn

{

background-image: url('Menu/rmRoundedLeft.png');

background-color: transparent;

background-repeat: no-repeat;

}

* html .rmRoundedCorners_new .rmScrollWrapContainer,

* html .rmRoundedCorners_new .rmGroup ul.rmGroup,

* html .rmRoundedCorners_new ul.rmGroup

{

background-image: url('Menu/rmRoundedLeft.png');

background-color: transparent;

background-repeat: no-repeat;

}

.RadMenu_new .rmTopRight,

.RadMenu_new .rmBottomRight

{

background-image: url('Menu/rmRoundedRight.png');

background-color: transparent;

background-repeat: no-repeat;

}

.RadMenu_new .rmTopFix,

.RadMenu_new .rmBottomFix,

.RadMenu_new .rmRoundedCorners .rmGroup .rmFirst,

.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmFirst,

.rmRoundedCorners_new .rmGroup .rmFirst

{

border-color: #6788BE;

}

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix

{

background: #FFF;

}

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopFix,

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomFix

{

background: #FFF;

}

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow

{

background-color: #FFF;

border: 0;

}

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopArrow,

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomArrow,

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmLeftArrow,

* html .rmRoundedCorners_new .rmScrollWrapContainer .rmRightArrow

{

background-color: #FFF;

border: 0;

}

.RadMenu_new li.rmTopFix,

.RadMenu_new li.rmBottomFix

{

background-position: -4px 0;

}

.RadMenu_new_rtl .rmBottomLeft,

.RadMenu_new_rtl .rmRoundedCorners ul.rmGroup,

.RadMenu_new_rtl .rmRoundedCorners .rmMultiColumn,

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,

.RadMenu_new .rmScrollWrapContainer .rmBottomLeft,

.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer

{

background-image: url('Menu/rmRoundedLeft_rtl.png');

}

.RadMenu_new_rtl .rmTopRight,

.RadMenu_new_rtl .rmBottomRight

{

background-image: url('Menu/rmRoundedRight_rtl.png');

}

.RadMenu_new_rtl li.rmTopFix,

.RadMenu_new_rtl li.rmBottomFix,

.RadMenu_new_rtl .rmRoundedCorners .rmGroup .rmItem,

.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup .rmItem

{

background-position: 101% 0;

}

.RadMenu_new .rmGroup a.rmLink

{

color: #000;

}

.RadMenu_new .rmSlide .rmScrollWrap

{

background-image: none;

}

.RadMenu_new_rtl .rmGroup,

.RadMenu_new_rtl .rmMultiColumn,

.RadMenu_new_rtl .rmGroup .rmVertical

{

background-position: 101% 0;

}

.RadMenu_new .rmRootGroup .rmHorizontal

{

background-image: none;

}

.RadMenu_new .rmScrollWrap .rmVertical

{

border: 0;

}

.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,

.rmRoundedCorners_new .rmScrollWrapContainer li.rmItem

{

background: none;

}

.RadMenu_new .rmGroup a.rmLink:hover,

.RadMenu_new .rmGroup .rmItem a.rmFocused,

.RadMenu_new .rmGroup .rmItem a.rmSelected,

.RadMenu_new .rmGroup .rmItem a.rmExpanded

{

color: #0f3789;

}

.RadMenu_new .rmGroup a.rmDisabled,

.RadMenu_new .rmGroup a.rmDisabled:hover

{

color: #8a8a8a;

}

.RadMenu_new .rmGroup .rmItem a.rmLink,

.RadMenu_new .rmGroup .rmItem a.rmLink:hover,

.RadMenu_new .rmGroup .rmItem a.rmFocused,

.RadMenu_new .rmGroup .rmItem a.rmSelected,

.RadMenu_new .rmGroup .rmItem a.rmExpanded

{

padding-top: 0;

padding-bottom: 0;

border: 0;

}

.RadMenu_new .rmGroup a.rmLink,

.RadMenu_new .rmGroup .rmText,

.RadMenu_new .rmGroup .rmItem a.rmDisabled,

.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover,

.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmText,

.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmText

{

background-position: 0 500px;

background-repeat: no-repeat;

background-color: transparent;

}

.RadMenu_new .rmGroup a.rmLink:hover,

.RadMenu_new .rmGroup a.rmFocused,

.RadMenu_new .rmGroup a.rmSelected,

.RadMenu_new .rmGroup a.rmExpanded

{

background-position: 0 -168px;

}

.RadMenu_new .rmGroup a.rmLink:hover .rmText,

.RadMenu_new .rmGroup a.rmFocused .rmText,

.RadMenu_new .rmGroup a.rmSelected .rmText,

.RadMenu_new .rmGroup a.rmExpanded .rmText

{

background-position: 100% -192px;

}

/* <expand arrows> */

.RadMenu_new .rmRootGroup .rmLink .rmExpandRight,

.RadMenu_new .rmGroup .rmLink .rmExpandDown,

.RadMenu_new_Context .rmGroup .rmLink .rmExpandRight,

.RadMenu_new .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,

.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmExpandDown,

.RadMenu_new .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,

.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown

{

background-position: 100% -216px;

}

.RadMenu_new a.rmLink:hover .rmExpandRight,

.RadMenu_new a.rmFocused .rmExpandRight,

.RadMenu_new a.rmExpanded .rmExpandRight,

.RadMenu_new a.rmSelected .rmExpandRight,

.RadMenu_new a.rmLink:hover .rmExpandLeft,

.RadMenu_new a.rmFocused .rmExpandLeft,

.RadMenu_new a.rmExpanded .rmExpandLeft,

.RadMenu_new a.rmSelected .rmExpandLeft

{

background-image: url('Menu/rmRootExpand.png');

}

.RadMenu_new .rmVertical a.rmLink:hover .rmExpandRight,

.RadMenu_new .rmVertical a.rmSelected .rmExpandRight,

.RadMenu_new .rmVertical a.rmExpanded .rmExpandRight,

.RadMenu_new .rmVertical a.rmFocused .rmExpandRight

{

background-position: 100% 0;

}

.RadMenu_new .rmGroup a.rmLink:hover .rmExpandRight,

.RadMenu_new .rmGroup a.rmFocused .rmExpandRight,

.RadMenu_new .rmGroup a.rmSelected .rmExpandRight,

.RadMenu_new .rmGroup a.rmExpanded .rmExpandRight,

.RadMenu_new .rmGroup a.rmLink:hover .rmExpandDown,

.RadMenu_new .rmGroup a.rmFocused .rmExpandDown,

.RadMenu_new .rmGroup a.rmSelected .rmExpandDown,

.RadMenu_new .rmGroup a.rmExpanded .rmExpandDown

{

background-image: url('Menu/rmSprite.png');

background-position: 100% -240px;

}

.RadMenu_new .rmRootGroup a.rmDisabled:hover .rmExpandRight,

.RadMenu_new .rmGroup a.rmDisabled:hover .rmExpandDown

{

background-image: url('Menu/rmSprite.png');

background-position: 100% -216px;

}

/* </expand arrows> */

/* <rtl> */

.RadMenu_new_rtl a.rmLink:hover,

.RadMenu_new_rtl a.rmFocused,

.RadMenu_new_rtl a.rmSelected

{

background-position: 100% -96px;

}

.RadMenu_new_rtl a.rmLink:hover .rmText,

.RadMenu_new_rtl a.rmFocused .rmText,

.RadMenu_new_rtl a.rmSelected .rmText

{

background-position: 0 -72px;

}

.RadMenu_new_rtl a.rmExpanded,

.RadMenu_new_rtl a.rmExpanded:hover

{

background-position: 100% -144px;

}

.RadMenu_new_rtl a.rmExpanded .rmText,

.RadMenu_new_rtl a.rmExpanded:hover .rmText

{

background-position: 0 -120px;

}

.RadMenu_new_rtl .rmGroup a.rmLink:hover,

.RadMenu_new_rtl .rmGroup a.rmFocused,

.RadMenu_new_rtl .rmGroup a.rmSelected,

.RadMenu_new_rtl .rmGroup a.rmExpanded

{

background-position: 100% -264px;

}

.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmText,

.RadMenu_new_rtl .rmGroup a.rmFocused .rmText,

.RadMenu_new_rtl .rmGroup a.rmSelected .rmText,

.RadMenu_new_rtl .rmGroup a.rmExpanded .rmText

{

background-position: 0 -288px;

}

.RadMenu_new_Context_rtl .rmVertical .rmLink .rmExpandLeft,

.RadMenu_new_rtl .rmRootGroup a.rmLink .rmExpandLeft

{

background-position: 0 -312px;

}

.RadMenu_new_rtl .rmVertical a.rmLink:hover .rmExpandLeft,

.RadMenu_new_rtl .rmVertical a.rmSelected .rmExpandLeft,

.RadMenu_new_rtl .rmVertical a.rmExpanded .rmExpandLeft,

.RadMenu_new_rtl .rmVertical a.rmFocused .rmExpandLeft

{

background-position: 0 0;

}

.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmExpandLeft,

.RadMenu_new_rtl .rmGroup a.rmFocused .rmExpandLeft,

.RadMenu_new_rtl .rmGroup a.rmSelected .rmExpandLeft,

.RadMenu_new_rtl .rmGroup a.rmExpanded .rmExpandLeft

{

background-image: url('Menu/rmSprite.png');

background-position: 0 -336px;

}

.RadMenu_new_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft

{

background-image: url('Menu/rmSprite.png');

background-position: 0 -312px;

}

/* </rtl> */

/* </Submenu items> */

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

.RadMenu_new .rmFirst .rmSlide

{

margin: 0 0 0 -1px;

}

.RadMenu_new .rmVertical .rmSlide,

.RadMenu_new .rmSlide .rmSlide,

.RadMenu_new_Context .rmGroup .rmSlide

{

margin: 0 0 0 -5px;

}

.RadMenu_new_rtl .rmSlide

{

margin: 0 0 0 0;

}

.RadMenu_new_rtl .rmFirst .rmSlide

{

margin-left: 1px;

}

.RadMenu_new_rtl .rmVertical .rmSlide,

.RadMenu_new_rtl .rmSlide .rmSlide,

.RadMenu_new_Context_rtl .rmGroup .rmSlide

{

margin: 0 0 0 5px;

}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_new .rmLeftArrow,

.RadMenu_new .rmRightArrow

{

background-color: #ECF4FF;

}

.RadMenu_new .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }

.RadMenu_new .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_new .rmTopArrow,

.RadMenu_new .rmBottomArrow,

.RadMenu_new .rmGroup .rmLeftArrow,

.RadMenu_new .rmGroup .rmRightArrow

{

background-color: #ECF4FF;

}

.RadMenu_new .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }

.RadMenu_new .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_new .rmHorizontal .rmSeparator .rmText,

.RadMenu_new .rmVertical .rmHorizontal .rmSeparator .rmText

{

height: 22px;

margin: 1px 0 0;

width: 1px;

}

.RadMenu_new .rmHorizontal .rmSeparator .rmText

{

background-color: transparent;

background-position: 0 -386px;

}

.RadMenu_new_Context .rmSeparator .rmText,

.RadMenu_new .rmHorizontal .rmGroup .rmSeparator .rmText,

.RadMenu_new .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText

{

background-color: transparent;

background-position: 0 -408px;

}

/* </Separators> */

/* </RadMenu / Web20> */

div.RadMenu_new {

height: 38px;

}

div.RadMenu_new .rmRootGroup {

height: 38px;

background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg.jpg&t=726445585');

}

div.RadMenu_new .rmItem .rmLink {

font-family: Arial;

font-weight: bold;

}

div.RadMenu_new .rmItem .rmLink:hover {

background-image: none;

height: 26px;

background-position: 0px 0px;

padding-left: 10px;

}

div.RadMenu_new .rmItem .rmLink:hover .rmText {

background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');

height: 26px;

background-color: transparent;

background-repeat: repeat-x;

background-position: 100% 0px;

color: rgb(255, 255, 255);

font-family: Arial;

font-weight: bold;

padding-left: 12px;

}

div.RadMenu_new .rmItem .rmLink .rmExpandDown {

background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');

color: rgb(255, 255, 255);

font-weight: bold;

}

div.RadMenu_new .rmItem .rmExpanded {

background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');

height: 26px;

}

div.RadMenu_new .rmItem .rmGroup {

margin-top: 14px;

background-image: none;

}

Visual Style Builder

answered on 15 Feb 2012

2 answers

265 views

Rad Editor Image manager Path Problem

Hello All,

I got a small requirement. I am using Rad Editor and it is working great.I want Image manager in that,If I give some sample folder,it is working good.

My requirement is,I want to load only some images into that Image Manger(of course,I can give only that images path). In my product,we have some customers and some properties.I want to display only that particular customer Images and properties(belongs to that customers) per one Login. we are storing images in a binary format. I can get Image Id's of the Images and by using the Image handler I can convert those images from binary data.

My questions regarding this requirement are:

1.Can Image Manager in the Rad Editor support with out folder( i.,Now I am using ViewPaths="~/Images",UploadPaths="~/Images", DeletePaths="~/Images" ). Can Rad Editor suitable for this requirement.If that is,Can you please help me?

2.I am designing some Email Templates with this where I need to bulk Image.If I want to send Emails with Images the domain Name in the Images must na to display them out site local host.Can It supports domain Path.

Eg:

http://www.smartrealtorsonline.com/CampaignHandler.ashx?MailingListId=some Guid

Please help me.

Thanks 
Rama.M

Editor

answered on 15 Feb 2012

1 answer

57 views

Problem with javascrip code

Hi,
I use Telerik in a web application with iFrame and custom javascript/Jquery: my issue is related to javascript code executed twice, on page load; Do you have any idea about a reason?
thanks

General Discussions

answered on 15 Feb 2012

2 answers

309 views

RadGrid looses stylesheet after page refreshes/postback

Hi,

I am using 2008.Q2 telerik controls in our project. I have a situation like, onclick of button control, submitting the form. I have a gridview on the form. When page refreshes, gridview looses the stylesheet setting (like alternate row color). Is there any property i need to set to maintain the stylesheet settings on page refresh. I am using skin to style gridview.
Any help is appreciated.

Thanks
Veshala

Grid

answered on 15 Feb 2012

7 answers

363 views

Tooltips showing twice with radeditor

I have a radeditor and a tooltipmanager control on a page. The buttons on the radeditor control display both the tooltip from the tooltipmanager and the normal tooltip from the radeditor button (although the text of the 'normal' tooltip is showing the button name). I'd rather just hae one or the other not two tooltips showing at the same time!

ToolTip

answered on 15 Feb 2012

7 answers

97 views

Text Tooltip Slider with itemstyle="none"

Hello guys

i am using demo slider with tooltip in this link Range Slider.
I need to use slider without item style but with text tooltip.
when user sliding handle i need to display text in tooltip.
when 1-A
when 2- B etc

any starting point or advice?

Regards

Omer

ToolTip

answered on 15 Feb 2012

2 answers

100 views

Facebook RadSocialButton javascript problem

I'm having trouble using the Facebook RadSocialButton, i.e.

<telerik:RadSocialButton SocialNetType="FacebookLike" />
<telerik:RadSocialButton SocialNetType="FacebookRecommend" />
<telerik:RadSocialButton SocialNetType="FacebookSend" />
<telerik:RadSocialButton SocialNetType="FacebookShare" />

I find I get the following error:

Microsoft JScript runtime error: Unable to get value of the property 'toLowerCase': object is null or undefined
Looking at the jscript - it seems to relate to font names or Facebook button properties

Anyone else had this? Any solutions?

PS: this one seems to work fine:
<telerik:RadFacebookButton ButtonLayout="ButtonCount" ButtonType="FacebookLike" />

SocialShare

answered on 15 Feb 2012

1 answer

102 views

How to increase size of Horizontal Selected Region on range selection

Hello,

I am trying to accomplish following two things using slider control with IsSelectionRangeEnabled = True.

1. Increase the height of horizontal selection
2. Write text on top of the image i.e. difference in range

For # 1, I have manually increased the size of SelectedRegionHorizontalBgr in Slider folder, however it didn't had any effect. I verified SelectedRegionHorizontalBgr .gif is the image which shows up in horizontal selection.

The question is : What is right way of increasing the size of horizontal selection?

I am still researching on #2, which might end up writing text on top of image, any suggestions for #2 are welcome.

P.S - Attached image shows how my slider control looks like.

Thanks,
Sumit

Slider

answered on 15 Feb 2012

1 answer

218 views

Customizing GroupHeaderTemplate to line up totals with grid columns

I have a RadGrid instance that has grouping enabled and contains several numeric columns. I would like to display totals for the numeric columns but would prefer to show the totals in the header of the groups as opposed to the footer. I think it's more intuitive and easier to read if the totals were displayed in the group headers. I know I can customize the look and feel of the group headers by using the GroupHeaderTemplate. The issue I am having now is that I don't know how to line up each total in my GroupHeaderTemplate with the corresponding column in the grid itself. Is this possible? I know there's a way to do this with the GroupFooterTemplate (i.e. adding TD elements to the GroupFooterTemplate and then adding code to the pre_render event to set the ColumnSpan of each template cell to 1), but I'm not sure how to accomplish the same thing in the group header. Thanks in advance for your assistance with this matter.

Grid

answered on 15 Feb 2012