skin does not show as expected

[Carlos Sesma]

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

[Carlos Sesma]

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.

[Carlos Sesma]

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.

[Kate]

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