Hi,
Is it possible to change the forecolor for a webdatamenu rootlink when you hover over the link?
I managed to change the color of the rootlink itself in "MenuItemHorizontalRootLink", however changing the color in "MenuItemHorizontalRootHover" does absolutely nothing, the color stays the same.
I use appstylist version 11.2.20112.1019
Regards,
Marijn
Hi Marijn,
I made some research on the matter and it seems that the background color is actually applied. The reason for not seeing the change may be that the MenuItemHorizontalRootSelected and MenuItemHorizontalRootHover CSS classes apply a background images, which are on top of the background color. I suggest that you try removing these background images.
Please let me know if this helps.
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.
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.
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
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.
Any chance that this will be addressed in a future version?
Hello marijn_desmet,
After further research, adding styles to custom selections from AppStylist has been determined to be a new feature request. I have sent your feature request directly to our product management team. Our product team chooses new feature requests for development based on popular feedback from our customer base. Infragistics continues to monitor application development for all of our products, so as trends appear in requested features, we can plan accordingly.
We value your input, and our philosophy is to enhance our toolset based on customer feedback. If your feature is chosen for development, you will be notified at that time. Your reference number for this feature request is FR13996.
If you would like to follow up on your feature request at a later point, you may contact Developer Support management via email - dsmanager@infragistics.com. Please include the reference number of your feature request in the subject and body of your email message.
Thank you for your request.