skin does not show as expected

4 posts, 0 answers
  1. Carlos Sesma
    Carlos Sesma avatar
    29 posts
    Member since:
    Dec 2008

    Posted 03 Mar 2011 Link to this post

    I have created a new Skin using the online tool but  it does not display the same in Iexplorer (8)
    I have uploaded a test project showing the menu
    http://www.mediafire.com/file/r5q8se4ttzias4t/TestMenu.zip
    also I have added a screenshot as how it should be.

    please help me fix the css to look as it is in online style builder.

    Thanks in advance
  2. Carlos Sesma
    Carlos Sesma avatar
    29 posts
    Member since:
    Dec 2008

    Posted 03 Mar 2011 Link to this post

    hello, I just discarded this skin and started all over manually editing a new one..

    now my issue is that I need to show a menu under a tabstrip  I have created a sample project to demonstrate how to show a dynamic menu under a tabstrip on mouse over, but the menu is shown at the very left of the page, so when the user try to select an item the tab change and the menu change as well. the only way I see this could work is if the menu appear right under the selected tabstrip. just as a normal menu would do. but horizontally. 


    please advice.

    http://www.mediafire.com/file/c9f9z442dyfon05/TestMenu.zip

    *note also change on mouseover is not strictly necessary
    regards.
  3. Carlos Sesma
    Carlos Sesma avatar
    29 posts
    Member since:
    Dec 2008

    Posted 04 Mar 2011 Link to this post

    Ok I just changed the onmouseover to OnClientTabSelected and is working now.

    but I would like to see the menu under the selected tab instead aligned to the left.
    is there any example of this?

    actually the menu I'd like to do is very similar to this one http://www.microsoft.com/windowsserver2008/en/us/default.aspx
    if you put your mouse over "Try It" the horizontal menu appear under the selected tab.

    regards.

  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 08 Mar 2011 Link to this post

    Hi Carlos Sesma,

    The only way you can center the menu under the tab is by adding the following code to the SelectMyTab function. I also attached the page with the code.
    Copy Code
    Copy Code
    Copy Code
    var menuWidth = menu.get_element().offsetWidth;
    var tabWidth = tab.get_element().offsetWidth;
    var leftAdjustment = tab.get_element().offsetLeft - (menuWidth - tabWidth) / 2;
    var ulWidth = sender.get_childListElement().offsetWidth;
    menu.get_element().style.marginLeft = Math.min(Math.max(leftAdjustment,0), ulWidth - menuWidth)  + 'px';

    Kind regards,
    Kate
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Back to Top