Is there a styling guide/tutorial for the WebDataMenu? I attempted to create my own style as follows:
.igdm_ControlHorizontal /* The actual control properties */{ cursor:default; float:left; white-space:nowrap; font-family:Verdana,Sans-serif; background-image:none; background-color:#666; border:0px none; margin-left:1px;}.igdm_MenuItemHorizontalRootLink /* The style of the links on the main toolbar*/{ text-decoration:none; font-family:Verdana,Sans-serif; font-size:12px; cursor:default; color:#FFF; font-weight:bold;}.igdm_MenuItemHorizontalRootSelected /* The style of any selected links without any children */ { background:#666; border:none; color:#55AE3A;}.igdm_MenuItemHorizontalRootActive > a /* The style of any top-level link */{ color:#FFF;}.igdm_MenuItemHorizontalRootActive /* The style of the selected top level item with children */{ background-image:none; background-color:#666; border:none;}.igdm_MenuItemHorizontalRootHover /* The style of the top level items when hovered */{ background-image:none; background-color:#666; border:none;}.igdm_MenuItemHorizontalRootHover > a /* The colour of the top level item links when hovered */{ color:#55AE3A;}.igdm_MenuGroupVertical /* The style of the child items */{ background-color:#DDD; padding-left:0px; cursor:default; list-style-type:none; padding-top:0px; margin:0px; border:1px solid #FFF;}.igdm_MenuItemVertical /* Don't know! */{ margin:0px; color:#333; background:Transparent none repeat scroll 0 0; padding:5px; border:1px solid transparent;}.igdm_MenuItemVerticalSelected > a /* The style of the selected child item */{ color:#000;}.igdm_MenuItemVerticalHover /* The style of the child items when hovered */{ margin:0px; background-color:#FFF; border:1px solid #000; font-weight:normal;}.igdm_MenuItemVerticalHover > a /* The colour of the child level item links when hovered */{ color:#55AE3A;}
Unfortunately these changes are not visible in IE6? They work fine in FF, IE7, IE8.
Are there any guides for styling other Infragistics controls, such as the WebDataGrid?
Hello Will,
Did you try AppStylist?
more information you can see here:
http://help.infragistics.com/Help/NetAdvantage/ASPNET/2009.1/CLR3.5/HTML/Web_Application_Styling.html
Rado,
Infragistics
ASP.NET Team
Unfortunately it just freezes and crashes all the time. I'd prefer to work with some documentation instead if there's any available?
So that's a no then. Where did you get the style names from. I have searched the documentation and can find no mention of them.
Hello,
You can import all styles that we have as you open Visual Studio drag WebDataMenu on the page, switch to design view, then find property called StyleSetName, click on it and you should be given the option to choose StyleSet that will be imported.
If you would like to modify a particular StyleSet you can locate it in ig_res folder of your project. All CSSs and images are there.
Hope that helps.
That is not really an answer. I have done that but I find that some of my own application css settings override the Styleset settings. A simple example is an <a> style which I have, I discovered affects the menu. Without knowing how the component is rendered it is difficult to control the actual style applied.
I have set the style set to Office2007Blue. I didn't change anything because, I think, I have this in my web config:-
<infragistics.web enableAppStyling="false" styleSetName="Office2007Blue" styleSetPath="~/ig_res" />The Application Styling Configurator seems to be saying I don't have styling enabled for the project, although it appears I do and there is no obvious way to remove styling. I guess deleting the line in web.config will do it, but what does enableAppStyling="false" mean if it is still applying the style? I also have 2 particular problems. One is that the menu items are taller than I want them to be and I find the cause is not a setting from a css but an inline style with a "height" setting. How is this generated?In a test App this is sometimes not present but I have not worked out what causes it.The other problem is that if I set EnableScrolling="true" then the verticalmenus change completely with list bullets and a transparent background. Is that supposed to happen with a StyleSet?It is hard to debug a drop down menu format using firebug or IE8 developer tools because of the way the menudisappears when the cursor moves off it.
Well css seems to have truncated my reply so here is the last part easier to read:-
The Application Styling Configurator seems to be saying I don't have styling enabled for the project, although it appears I do and there is no obvious way to remove styling. I guess deleting the line in web.config will do it, but what does enableAppStyling="false" mean if it is still applying the style? I also have 2 particular problems. One is that the menu items are taller than I want them to be and I find the cause is not a setting from a css but an inline style with a "height" setting. How is this generated? In a test App this is sometimes not present but I have not worked out what causes it.The other problem is that if I set EnableScrolling="true" then the vertical menus change completely with list bullets and a transparent background. Is that supposed to happen with a StyleSet?It is hard to debug a drop down menu format using firebug or IE8 developer tools because of the way the menu disappears when the cursor moves off it.
Thank you for your reply. Could I please get you to look at my post:
http://community.infragistics.com/forums/t/52094.aspx
Specifically, I need to know if and how I can insert other controls (i.e. textbox, image etc.) inside the WebDataMenu. If I can't find an answer to this early today I'm going to have to move on and develop my own control....
Hello all,
Thank you for your feedback. We are doing our best to improve your development experience. We are working on documentation hard and I am sure very soon you will be excited from the samples and guides that are coming in near future.
At the moment there is no guide like the one for WebDataGrid designed for WebDataMenu. This is good idea and we are going to consider it with our Product Guidance management team.
Thank you once again for your points.
I very much agree with rablinz. I have wasted a lot of time styling grids and only yesterday (I have been working with the grid for over 3 years) I found this http://forums.infragistics.com/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx ticked away in an Engineering blog when it should have been part of the documentation. But its only for the grid.
The battle with the WebDatamenu continues.....
If I can make any point here, it's this:
The entire reason for investing and using a third party control as a developer who's been doing this for a number of years is to save time. Reduce the time to project completion, increase productivity.
Otherwise, I / we, would just develop the controls ourselves. The lack of good documentation / support completely nullifies the entire reason, at least my entire reason, of using an Infragistic control.
It's always the same story for me, as I start a new project or part of a project, especially when deadlines are looming, grappling with the question, do I dare try and use a third-party control - hoping I will be able to customize it to the requirements of the project and by using it save time to completion, risking that it will take more time in trying to customize and use the third-party control than it would to develop my own, or should I just develop my own....?
Worse is, I waste a lot of time just trying to make this decision, when there's not enough adequate documentation that would help me determine, by just scanning the documentation, whether the control has the features or ability to be customized enough to use in the project - thereby causing me to wast a lot of time in just trying to make this decision - before I event get into working with the control and possibly wasting hours, days or more investing development time into the control before I find out it's not going to work for the project....
Since I became a professional developer, this is probably the most frustrating part of project management that I routinely encounter.
Thanks for the reply, but no, it doesn't help.
I had already found that link before I posted to this thread. A simple 'No' (or yes) Documentation specifically for styling the WebDataMenu exists, on the other hand, would've helped. Would've saved me the couple of hours I spent hunting through the existing documentation, website, forums, support and community posting looking for said documentation.
The links you provided in your posts to this thread direct us to generic css documents. I was looking for something that would tell me specifically, specifically how to style the WebDataMenu. For example, how to use or manually insert seperators (and style those seperators) between menu items. What css classes target which elements in the menu? Can I supercede the stylesheet in the ig_res folder with my own placed somewhere else in the project and how do I make sure the WebDataMenu references it (I'v yet to find out where and how the control gets tied to the stylesheet)? Would it be possible to insert an image at the beginning and end of the menu to achieve rounded corners? What are my options if I want to put a textbox to serve as a search input inside the (or other controls) somewhere inside the menu.
Such a document would save me a minimum of two days worth of hunting through existing docs and community posts and trial and error testing. A quick scan of that document could tell me as well whether the control would meet my needs and if it didn't look like it, I could put my time into another direction - otherwise I might fiddle with it for several days before discovering I won't be able to use this control for my project....
I have worked for most of last year on a WPF project that includes a xamDataGrid and Chart and I've found the documentation for the WPF controls to be pretty good. I just started an ASP.Net project and was hoping to find the same.