Formatting Issue

8 posts, 1 answers
  1. sircutbreaker
    sircutbreaker avatar
    111 posts
    Member since:
    Oct 2007

    Posted 06 Jun 2008 Link to this post

    I have a Radmenu and i am using a image and image hover for a single root item...
    this menu is inside of a small sliced region...

    I created a custom skin (which is actually a duplicate of default) so that i can modify the css properties...

    The menu is causing the cell in the table to be taller than it actually is... and thus messing up the page... How can i stop the height of the menu from breaking this?

    Please goto: http://eworldmall.net/tdemo

    you can see the "Register" button is the one configured with the radmenu.

    Thanks for your help!

    Jeff
  2. Answer
    Simon
    Admin
    Simon avatar
    2281 posts

    Posted 10 Jun 2008 Link to this post

    Hello sircutbreaker,

    Please try the following:
    1. Add vertical-align: top; to the Menu container <td> element's style;
    2. Add the .rmLeftImage { margin: 0 !important } style to the page
    Regards,
    Simon
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. sircutbreaker
    sircutbreaker avatar
    111 posts
    Member since:
    Oct 2007

    Posted 10 Jun 2008 Link to this post

    That fix helped tremendously....

    however, there is still an issue and i consider it a rather big one...

    the page breaks in safari... not only does the page break, but the menus come in right in the middle of the imageUrl (perhaps a little left of the middle.. but right on the image nonetheless)... if you refresh the page, sometimes this doesn't happen... but it happens a lot in safari... both running natively on a mac and running the windows version...

    If you could help me solve this mystery, I would be well on my way to making my client a happy one.. :)


    thanks,

    jeff
  5. sircutbreaker
    sircutbreaker avatar
    111 posts
    Member since:
    Oct 2007

    Posted 10 Jun 2008 Link to this post

    Correction, the page does not break in safari.. that was another formatting issue...

    sorry about that...

    in safari, the page loads correctly sometimes... but if you refresh the page, the menus come out in the middle of the graphic...

    One more thing, how do you set the hand cursor to appear upon hovering over a menu item?

    thanks and regards,

    Jeff
  6. sircutbreaker
    sircutbreaker avatar
    111 posts
    Member since:
    Oct 2007

    Posted 10 Jun 2008 Link to this post

    For the safari issue, please check this page with a safari browser and be sure to refresh the page once you get there...it usually loads correctly the first visit.. this behavior is noticed on the refresh...

    http://eworldmall.net/ademo

    thanks,

    Jeff

    It seems to work perfectly in firefox and ie6/7
  7. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 12 Jun 2008 Link to this post

    Hello sircutbreaker,

    Per your questions:
    1. Changing the mouse cursor of only the root Items of the Menu can be achieved with the following CSS classes only:
              .RadMenu_Default .rmLink:hover 
              { 
                 cursorpointer
              }  
               
              .RadMenu_Default .rmGroup .rmLink:hover 
              { 
                 cursordefault
              } 
      Here, the highlighted parts should be the name of the currently used skin;
    2. In Safari images are loaded a bit later than expected which causes this behavior. Try setting the Width of the root Items to be the same as the width of the Images associated with each Item
    I hope this is useful.

    All the best,
    Simon
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. sircutbreaker
    sircutbreaker avatar
    111 posts
    Member since:
    Oct 2007

    Posted 13 Jun 2008 Link to this post

    i want the little hand to come up.. i had no luck doing it with those css entries...

    the width worked perfectly thanks!!

    Jeff
  9. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 16 Jun 2008 Link to this post

    Hello sircutbreaker,

    Did you change the skin suffix (the highlighted parts) of the two selectors to the name of the skin you currently use?

    Best wishes,
    Simon
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017