This is a migrated thread and some comments may be shown as answers.

Problem with Menu

4 Answers 47 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Mathews
Top achievements
Rank 1
Mathews asked on 11 Sep 2008, 01:33 PM
hi all
i need a help as early as possible.sure you people can help me for this problem.

i got a menu control in my page ,when size of the page increased dynamically (loading user controls as per request from controls), my menu get scrolled .i dont want my menu to go here and there.i need solution for this

Reply Expecting Soon

Regards and thanks
Mathews Baby

4 Answers, 1 is accepted

Sort by
0
-DJ-
Top achievements
Rank 1
answered on 11 Sep 2008, 03:36 PM
Hi Mathews,

Perhaps setting position: absolute on the menu would do the trick?

Regards,
-DJ-
0
Mathews
Top achievements
Rank 1
answered on 15 Sep 2008, 09:49 AM
this is the style sheet am using .where should i make changes to keep my menu static.i dont want my menu to scroll when size of the page increases.reply expecting

/* RadMenu Vista skin */

.RadMenu_Vista
{
    /*
    border: 1px solid #d1d5e0;
    border-top-width: 0;
    border-bottom-color: #b6bccc;
     background: #d7def0 url("Img/rootBackground.gif") repeat-x top left; */
    background: url("Img/groupBg.gif") repeat-x top left;
     border-top:1px solid #032941;
   
    
   
}

.RadMenu_Vista_rtl
{
    text-align: right;
}

.RadMenu_Vista .group
{
    border: 1px solid #979797;
    background: #4b92aa url("Img/submenuBackground.gif") repeat-y 27px 0;
    
    padding: 3px 0;
}

.RadMenu_Vista_rtl .group
{
    /* background: #f0f0f0 url("Img/submenuBackgroundRtl.gif") repeat-y top right;*/
    background: #d7def0 url("Img/groupBg.gif") repeat-x top left;
}

.RadMenu_Vista .group .horizontal
{
    background: #f0f0f0;
}

.RadMenu_Vista .group .item
{
    padding-left: 1px;
}

.RadMenu_Vista_rtl .group .item
{
    padding-right: 1px;
}

.RadMenu_Vista .link
{
    color: #fff;
    text-decoration: none;
     font:11px/14px "segoe ui",arial,sans-serif;
    height: 18px;
    position: relative;
    display: inline-block !important;
}

.RadMenu_Vista .link:focused,
.RadMenu_Vista .focused
{
    outline: 0;
}

.RadMenu_Vista .rootGroup .text
{
    margin: 0 0 0 6px;
    padding: 0 6px 0 0;
}

.RadMenu_Vista .vertical .text
{
    margin: 0 0 0 6px;
    padding: 0 48px 0 0;
}

.RadMenu_Vista .horizontal .text
{
    padding: 0 6px 0 0;
}

.RadMenu_Vista .horizontal .vertical .text
{
    padding: 0 48px 0 0;
}

.RadMenu_Vista_rtl .rootGroup .text
{
    margin: 0 6px 0 0;
    padding: 0 0 0 6px;
}

.RadMenu_Vista_rtl .vertical .text
{
    margin: 0 6px 0 0;
    padding: 0 0 0 48px;
}

.RadMenu_Vista_rtl .horizontal .text
{
    padding: 0 0 0 6px;
}

.RadMenu_Vista_rtl .horizontal .group .text
{
    padding: 0 0 0 48px;
}

.RadMenu_Vista .rootGroup .expanded
{
    background: transparent url("Img/rootSelected.gif") no-repeat 2px 0;
}

.RadMenu_Vista .rootGroup .expanded .text
{
    background: transparent url("Img/rootSelected.gif") no-repeat top right;
}

.RadMenu_Vista_rtl .rootGroup .expanded
{
    background: transparent url("Img/rootSelected.gif") no-repeat right top;
}

.RadMenu_Vista_rtl .rootGroup .expanded .text
{
    background: transparent url("Img/rootSelected.gif") no-repeat top left;
}

.RadMenu_Vista .rootGroup .link:hover,
.RadMenu_Vista .rootGroup .link:focus
{
    background: transparent url("Img/rootHovered.gif") no-repeat 2px 0;
}

.RadMenu_Vista .rootGroup .link:hover .text,
.RadMenu_Vista .rootGroup .link:focus .text
{
    background: transparent url("Img/rootHovered.gif") no-repeat top right;
}

.RadMenu_Vista_rtl .rootGroup .link:hover,
.RadMenu_Vista_rtl .rootGroup .link:focus
{
    background: transparent url("Img/rootHovered.gif") no-repeat right top;
}

.RadMenu_Vista_rtl .rootGroup .link:hover .text,
.RadMenu_Vista_rtl .rootGroup .link:focus .text
{
    background: transparent url("Img/groupBg.gif") no-repeat top left;
}

.RadMenu_Vista .group .slide
{
    margin: -1px 0 0 -5px;
}

.RadMenu_Vista_rtl .group .slide
{
    margin: -1px -5px 0 0;
}

.RadMenu_Vista .group .link
{
    padding: 0 0 0 31px;
    margin: 0 2px 0 0;
    height: 22px;
    line-height: 22px;
}

.RadMenu_Vista .group .horizontal .link
{
    padding-left: 2px;
}

.RadMenu_Vista_rtl .group .link
{
    padding: 0 31px 0 0;
    margin: 0;
}

.RadMenu_Vista_rtl .group .horizontal .link
{
    padding: 0 2px 0 0;
}

.RadMenu_Vista .group .link .text
{
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 18px;
}

.RadMenu_Vista .group .link:hover,
.RadMenu_Vista .group .expanded
{
    background: transparent url("Img/rootHovered.gif") no-repeat top left;
}

.RadMenu_Vista .group .link:hover .text,
.RadMenu_Vista .group .expanded .text
{
    background: transparent url("Img/rootHovered.gif") no-repeat top right;
}

.RadMenu_Vista_rtl .group .link:hover,
.RadMenu_Vista_rtl .group .expanded
{
    background-position: top right;
}

.RadMenu_Vista_rtl .group .link:hover .text,
.RadMenu_Vista_rtl .group .expanded .text
{
    background-position: top left;
}

.RadMenu_Vista .group .expandLeft
{
    background: transparent url("Img/submenuExpandable.gif") no-repeat top right;
}

.RadMenu_Vista .group .link:hover .expandLeft,
.RadMenu_Vista .group .expanded .expandLeft,
.RadMenu_Vista .group .link:hover .expandRight,
.RadMenu_Vista .group .expanded .expandRight
{
    background-image: url("Img/rootHovered.gif");
}

.RadMenu_Vista .group .expandRight
{
    background: transparent url("Img/submenuExpandableRtl.gif") no-repeat top left;
}

.RadMenu_Vista .group .disabled,
.RadMenu_Vista .rootGroup .disabled
{
    color: #999;
}

.RadMenu_Vista .group .disabled:hover,
.RadMenu_Vista .rootGroup .disabled:hover,
.RadMenu_Vista .group .disabled:hover .text,
.RadMenu_Vista .rootGroup .disabled:hover .text
{
    background-image: none;
}

.RadMenu_Vista .topArrowDisabled,
.RadMenu_Vista .bottomArrowDisabled,
.RadMenu_Vista .leftArrowDisabled,
.RadMenu_Vista .rightArrowDisabled
{
    display: none;
}

.RadMenu_Vista .topArrow,
.RadMenu_Vista .bottomArrow,
.RadMenu_Vista .leftArrow,
.RadMenu_Vista .rightArrow
{
    font-size: 0;
    color: #979797;
    line-height: 0;
}

.RadMenu_Vista .topArrow,
.RadMenu_Vista .bottomArrow
{
    height: 10px;
    width: 100%;
    background: #fff url("Img/scrollArrowUpDown.gif") no-repeat top center;
}

.RadMenu_Vista .bottomArrow
{
    background-position: center -1px;
}

.RadMenu_Vista .leftArrow,
.RadMenu_Vista .rightArrow
{
    width: 10px;
    height: 100%;
    background: #fff url("Img/scrollArrowLeftRight.gif") no-repeat left center;
}

.RadMenu_Vista .rightArrow
{
    background-position: -18px center;
}
0
-DJ-
Top achievements
Rank 1
answered on 15 Sep 2008, 11:43 AM
Hi again Mathews,

You can add:

position: absolute;
left: some pixel width; /* or right: some pixel width */
top: some pixel width;

to the .RadMenu_Vista class or put a div around the menu with the above css delcaration.

This should keep your menu in the same spot.

Regards,
-DJ-
0
Mathews
Top achievements
Rank 1
answered on 15 Sep 2008, 01:19 PM
this was not working in mycase.
Tags
General Discussions
Asked by
Mathews
Top achievements
Rank 1
Answers by
-DJ-
Top achievements
Rank 1
Mathews
Top achievements
Rank 1
Share this question
or