Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
164 views
Hi,
Can you please tell me how to align the submenu to left. I have created a custom rad menu of this type http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/expanddirection/defaultcs.aspx. At present the test

In the attached menusample I want the PVOS maintenance , Content Build to be displayed in straight line below the arrow.

My CSS is pasted below
Thanks
BV

/* <RadMenu / Default> */

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

.RadMenu_UpToDateGreen .rmRootGroup
{
    /*border: 1px solid #828282;*/
    border: 1px solid #DCE8E8;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #DCE8E8;
}

/* <Root items> */

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

/*Font for Parent item in Menu */
.parentMenuitemText
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

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

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

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

.RadMenu_UpToDateGreen a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('Menu/topnavselected.gif') !important;
    background-color: #7AA8E4;
    background-position :0px 0px;
    
}

.RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 3px;
}

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

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

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

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

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

.RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    /*border-color: #828282;*/
    border-color: #DCE8E8;
    border-width: 1px 0;
}

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

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

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

.RadMenu_UpToDateGreen a.rmExpanded,
.RadMenu_UpToDateGreen a.rmExpanded:hover
{
    background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
}

.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{
    /*border: 1px solid #979797;*/
    border: 1px solid #000000;
    background: #D8E4E4 url('Menu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

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

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

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

.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
{
    background-color: #8BC0B8;
}

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

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

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

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
{
    border-color: #979797;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

.RadMenu_UpToDateGreen_rtl .rmBottomLeft,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}

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

.RadMenu_UpToDateGreen_rtl li.rmTopFix,
.RadMenu_UpToDateGreen_rtl li.rmBottomFix,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_UpToDateGreen_rtl .rmGroup,
.RadMenu_UpToDateGreen_rtl .rmMultiColumn,
.RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

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

.RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

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

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

/* <expand arrows> */

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

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

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

/* </expand arrows> */

/* <rtl> */

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

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

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

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

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

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

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

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

/* </rtl> */

/* </Submenu items> */

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

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

.RadMenu_UpToDateGreen .rmVertical .rmSlide,
.RadMenu_UpToDateGreen .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

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

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

.RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
.RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow
{
    background-color: #DCE8E8;
}

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

.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow,
.RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
.RadMenu_UpToDateGreen .rmGroup .rmRightArrow
{
    background-color: #DCE8E8;
}

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

/* </Scrolling arrows> */

/* <Separators> */

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

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

/* </Separators> */

/* </RadMenu / Default> */
Kate
Telerik team
 answered on 14 Jan 2011
1 answer
89 views
Hi,

Am using telerik grid, which has master and child grid in it. Since it loads heavy data am changing the normal cursor into hourglass. The issue I want to explain here is the hourglass is not consistant. It means that it keep swaping between hourglass and normal cursor pointer when any transaction happens and reload the grid with data. Can you help in terms of any solutions/coe fix for this issue please.

Thanks
D, Pardha Saradhi
Cognizant Technologies Solutions
Maria Ilieva
Telerik team
 answered on 14 Jan 2011
1 answer
139 views
I'm having trouble getting my dialog boxes to work (Image Manager).

The code works fine in the main page of our site, the handler code is added to the web config.  I suspect the issue has something to do with the fact that the website to which I am trying to add the editor is running as a subapplication of our main website, so it is not finding the proper path for the user controls?

<

 

telerik:radeditor runat="server" ID="radEditor" AllowScripts="false" OnClientCommandExecuting="OnClientCommandExecuting" OnClientLoad="OnClientLoad" AutoResizeHeight=false EnableResize="false" Skin="Vista" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd" />

Web config:

 

<httpHandlers>
     <remove verb="*" path="*.asmx" />
     <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
     <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
     <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false" />
       <add path="Telerik.Web.UI.DialogHandler.axd" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>
       <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>
   </httpHandlers>

The spell check is also throwing a JSON error.  I am not sure if this is related also.  Again, this is all working fine on one page, but not on another.

I think it just can't find the dialog contrl.  Any suggestions on how to get this working?

Thanks!

Rumen
Telerik team
 answered on 14 Jan 2011
1 answer
81 views
I am trying to make the scheduler capable of being controlled completely without use of the mouse but cannot figure out how to select a time slot or an appointment. 

I wish the up/down arrow to move the time slot selector up/down one hour at a time.  When the shift key is depressed and the up/down arrow is pressed the next hour should be selected or an hour removed from the selected time slot.  When enter is pressed the advanced editor should appear for the time slot selected (telerik already does this).  

The tab key should be used to select the next appointment.  The shift+tab key should cause the previous appointment to be selected.  Pressing enter when an appointment is selected should cause the "Edit a recurring appointment" popup to appear.  

Anyone have any idea how to make this happen (or at lease know how to programaticaly set the selected time slot client side)?  I think the answer has something to do with the _rowSelectionState JavaScript property but cant get it to work.

Thanks
Aaron
Peter
Telerik team
 answered on 14 Jan 2011
1 answer
184 views
Hey!

I have a RadWindow sized 800*600, inside of it I have a button that opens a new RadWindow, I want the new window to be maximized over the whole screen not just the 800*600 parent window is that possible?

This is how I am currently doing it.

<telerik:RadWindowManager KeepInScreenBounds="true" ID="rwm" Width="700" Height="600" Modal="true" ShowContentDuringLoad="false" ReloadOnShow="true"
                    VisibleStatusbar="false" Behaviors="Close,Reload" runat="server" EnableShadow="true">
                    <Windows>
                        <telerik:RadWindow ID="rwMax" runat="server" OnClientShow = "maximizeRadWindow" ShowOnTopWhenMaximized="true" />
                    </Windows>
</telerik:RadWindowManager>

I have a button that onclick calls OpenWindow.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
 
        function OpenWindow(url){
            var pagePath = '<%= Page.ResolveUrl("~") %>';
            window.radopen(pagePath + url, "rwMax");
        }
 
        function maximizeRadWindow(sender, e) {
            sender.maximize();
        }
 
    </script>
</telerik:RadCodeBlock>

Sincerely, Jure
Princy
Top achievements
Rank 2
 answered on 14 Jan 2011
1 answer
84 views
I have a grid that allows users to insert/update/delete products.  I have a radasynupload control that allows the users to upload pictures to the server.  when the save button is clicked on the grid, the code then gets the image and saves it to like an "images" folder. the folder have read and write permissions. the app_data folder also has read and write permission.  any help will be appreciated.   my site is on a shared web hosting.
Genady Sergeev
Telerik team
 answered on 14 Jan 2011
1 answer
127 views
Hi,
I had one radpanelbar in my application. In that, inside of rad-panel the data should be collapsible. But the parent must not be collapsible.It should simple display the details.
Here is my code and i attached the image of this scenario.
 
Code
 
<div class="leftmenu">
<telerik:RadPanelBar EnableEmbeddedSkins="false" Width="308px" CssClass="radleftMenu"
 OnItemDataBound="RadPanelBar1_ItemDataBound" OnLoad="RadPanelBar1_Load" AllowCollapseAllItems="false"
 Skin="Web20" runat="server" ID="radMenuManagerNavigation">
</telerik:RadPanelBar>
 
<div id="divMainDocument" runat="server" style="background-color: #5B90A6; margin-left: 10px;
 margin-top: 10px; margin-bottom: 10px; margin-right: 10px;">
<telerik:RadPanelBar EnableEmbeddedSkins="false" Width="308px" CssClass="radleftMenu"
    AllowCollapseAllItems="false" Skin="Web20" runat="server" ID="RadPanelBar1">
   </telerik:RadPanelBar>
  </div>
   </div>
  </asp:Panel>
 
.cs code:
 
protected void RadPanelBar1_ItemDataBound(object sender, Telerik.Web.UI.RadPanelBarEventArgs e)
        {
        }
 
protected void RadPanelBar1_Load(object sender, EventArgs e)
        {
            UrlQueryStringPasser url = new UrlQueryStringPasser();
            foreach (RadPanelItem item in radMenuManagerNavigation.GetAllItems())
            {
                if (item.Level == 0)
                {
                    if (item.Items.Count != 0)
                        if (item.Level != 2)
                            item.Expanded = true;
                }
 
 
                if (url[UIConfigurationConstant.CODE] != null)
                    if (item.Value == url[UIConfigurationConstant.CODE].ToString())
                    {
                        item.Selected = true;
                        if (item.Items.Count != 0)
                            item.Expanded = true;
                    }
            }
        }

Please look over the image attached, that may help to recover my problem.


Thanks,
Janni
Janni
Top achievements
Rank 1
 answered on 14 Jan 2011
2 answers
147 views
Hi All

I have a databound column that has a checkbox in it.

My question is how can i get the checkbox value server side so that i can format another cell based on if its true or false.

Any help would be greatly appriciated.

Rgds

Darren
Cush
Top achievements
Rank 1
 answered on 14 Jan 2011
1 answer
140 views
I have a row in DataGrid that  contains a one TextBox and one Combobox control and grid has a bottun(Add Row).   On clicking  on this button(Add Row), dynamically a new Row is generated below with the same controls(TextBox and Combobox ).

If  the datagrid as of above, with many rows(2 or more)  are there , how to get all the values to be stored into database on clicking a button (Save).

How can we store row by row into a collection of class and pass that class at once to finally save into database.

Currently I'm reading each row by below code,

dtUsers.Columns.Add(

new DataColumn("TranTypeName", typeof(String)));

 

dtUsers.Columns.Add(

new DataColumn("ApprDlgtTranTypeKey", typeof(Decimal)));

 

dtUsers.Columns.Add(

new DataColumn("ApprDlgtDelegatedTo", typeof(String)));

 

dtUsers.Columns.Add(

new DataColumn("ApprDlgtKey", typeof(Decimal)));

 

delegation.ApprDlgtTranTypeKey = ((

DropDownList)e.Item.FindControl("cboFor")).SelectedValue;

 

delegation.TranTypeName =

Convert.ToString(((DropDownList)e.Item.FindControl("cboFor")).SelectedItem);

 

delegation.ApprDlgtDelegatedTo = ((

TextBox)e.Item.FindControl("txtDelegatedTo")).Text.Trim();

 

delegation.ApprDlgtKey =

"0";

DataRow drUser = dtUsers.NewRow();

 

drUser[

"ApprDlgtTranTypeKey"] = delegation.ApprDlgtTranTypeKey;

 

drUser[

"TranTypeName"] = delegation.TranTypeName;

 

drUser[

"ApprDlgtDelegatedTo"] = delegation.ApprDlgtDelegatedTo;

 

drUser[

"ApprDlgtKey"] = delegation.ApprDlgtKey;

 

dtUsers.Rows.Add(drUser);

 

grdDelegation.DataSource = dtUsers;

grdDelegation.DataBind();

Daniel
Telerik team
 answered on 14 Jan 2011
3 answers
171 views
I am Neil Ghuman, IT Manager for Motorcycle Accessories.  I need some advice on what to do here.  Please visit the product details page for my website where we are selling an Icon Airframe Carbon Lifeform Helmet. We are currently using Jquery Zoom and Jquery autocomplete and they seem to work fairly well.  If you click on the main helmet image, you will notice a Telerik Rad Window Popup.  I need some help with configuring this window to do what I want it to do.
1) I want to get rid of the scroll bars.
2) I want the background of the page to be a darker color, how do I control that?
3) I want the controls for this window to be at the bottom of the window instead of the top.
4) I want the window to pop up at the top of the page instead of the middle of the page.  Even if the IE or Firefox window was to be minimized, I want the top of the pop up window to be aligned up with the center top of the browser.  Where do I control this?
5) I want the pop up image/window to be animated.  Ideas?

Please let me know if anyone has ideas on how this can be accomplished.  I was going to do everything with Jquery Lightboxes, but this seems like a more advanced and clean way to do things. Thank you.

Neil Ghuman
Motorcycle Parts and Motorcycle Accessories
Svetlina Anati
Telerik team
 answered on 14 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?