Hi Nikolay,

The problem is not the background color not changing, that works fine because i use no background images.

The problem is the "forecolor" of the item not changing when you hover over the item, even when you set the "color" in "MenuItemHorizontalRootHover".

For example: say you set the forecolor of the rootitem to blue in "MenuItemHorizontalRootLink" and you set the forecolor to red in "MenuItemHorizontalRootHover". When you hover the item, the forecolor stays blue.

I found it myself. You have to change some classes in the generated css file for the webdatamenu.

Example:

.igdm_PlainMenuMenuItemVerticalHover > a
{
    color:Black;
}

Why can't you change these classes from within the appstylist?

Hi marijn_desmet,

Please let me know if you have any further questions.

Hi Nikolay,

The appstylist does not provide a means of changing generated classes like ".igdm_MenuItemVerticalHover > a" and a lot of other generated classes for webdatamenu

why is that?

Regards

Any chance that this will be addressed in a future version?

Hi marijn_desmet,

As you stated, it seems that there are some certain styles not available for editing in AppStylist. Thank you for noting this.

If you have any other questions please feel free to contact me.

Hi Nikolay,

I know how the appstylist works. I know that for each menuitem under a control a css class is generated.

However there are some css-classes that are generated for webdatamenu, when you start a blank library, that you cannot change from within the appstylist itself.

Another example:

I create a blank library

I add a new styleset called "Sample" and I only check webdatamenu to be availlable.

I save the library.

If I open the generated css file for webdatamenu, there are 2 classes for "MenuItemVerticalRootHover"

.igdm_SampleMenuItemVerticalRootHover
{
 background-color:#8AD2ED;
 background-repeat:repeat-x;
 background-position:left top ;
 background-image: url(images/igdm_roothover.png);
 border:solid 1px Transparent;
}

AND

.igdm_SampleMenuItemVerticalRootHover > a
{
 color:White;
}

If i open the library again and edit "MenuItemVerticalRootHover" and save the library with the appstylist, only the ".igdm_SampleMenuItemVerticalRootHover" class has changed and not the "igdm_SampleMenuItemVerticalRootHover > a" class.

It is however the "igdm_SampleMenuItemVerticalRootHover > a" class that changes the forecolor when hovering a vertical root item.

My point is that you can't change the hovering forecolor only using the appstylist, you have to change it in the generated css files.

Best Regards

Hi marijn_desmet,

The AppStylist is actually changing the css styles for the selected style set. Each css class in the generated css file has corresponding menu item, which can be edited, under the relevant control in AppStylist's style explorer window.

Let me know if you have any further questions.