Please view the image below. I have a menu styled with the Claymation AppStyleSet and custom images (the exclamation icons). I would like to get the Child Menu items (in this example under Step 1) to be moved further left to align under the Parent menu title as shown. I've had no luck figuring out what elment in the ig_tree css file to use, but surely this can be done. Any help pointing me in the right direction would be greatly appreciated.
Hello Daryl,
The CSS file you are currently using is for the UltraWebTree since you are using the WebDataTree you will want to use the ig_datatree.css file to set CSS properties for the WebDataTree. In the ig_datatree.css find the igdt_NodeGroup and use the padding-left property. You will want to make this property as “!important” so it does not get overridden by the default inline style.
Please let me know if I may be of further assistance with this matter.
Sincerely,Mike P.Developer Support EngineerInfragistics, Inc.www.infragistics.com
Mike,
Was playing around and even though everything is igdt_Claymation(something) I did add the raw .igdt_NodeGroup you referenced and just copied what was in the igdt_ClaymationNodeGroup with the !important modification and viola! Thanks much for the quick help!
Hi Mike,
Thanks for the quick response. The ig_datatree css file has the .igdt_ClaymationNodeGroup and both the margin-left and padding-left are 0px. And I am not sure how to set the property to !important. Thanks.