Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
RK
405
deploying resource files (css, javascript and images) for infragistics controls to test or production server
posted

Hi,  I have some questions on what resource files (css, javascript and images) are required to use the infragistics controls during development and what files need to be deployed to test or production environment

 when I drop a infragistics data control on to a form and bind data to it from code behind, nothing gets displayed until I apply some styles to it. it is not the same for Microsoft controls, for example I can just drop a Gridview and bind data to it, it works perfectly by applying its own default styles automatically.

 after adding an infragistics control on to a form and go to designer, I get a prompt to import default style sheet and if I click OK, lots of javascript files, css and images are copied to my root directory. do I need so many resource files just to use one control (for example WebDataTree)? In infragistics online documentation, it says that resource files are embedded within the controls themselves, so in that case why these files need to be copied to my website? do I need to copy all these files to test server as well then?

also if I want to customise the styles to my own for a consistent look through out the website through a skin file, how can I do that? there is no documentation on how I can change the styles of for example WebDataTree nodes, child nodes, expand and collapse images etc. Please clarify.

Thanks in advance

Parents
No Data
Reply
  • 3726
    Suggested Answer
    posted

    Hi,

    when you drop a control on the designer surface it should add an <infragistics.web ... /> section in the web.config which contains the styleSetPath paramter which usually points to "~/ig_res" . Then it will copy all the themes files for all controls to the created ig_res folder in your web site. This is the default behavior when you work with the designer. Usually not all of the files are required if you use only one control. Each control has one css file like webdatatree.css and it refers to some image files located in the images directory in each theme.

    So you have CSS files found here:

    ~/ig_res/ThemeName/*.css

    And images files for each theme found here:

    ~/ig_res/ThemeName/images/*.png | *.gif

    You can safely delete the unneeded themes folders and CSS files that you do not use. But if you decide to use other controls later you will have to copy those files back. In the CSS you can  change whatever classes you want, including font colors, sizes, images and etc. If you are have to use different image you can copy it to the images folder and reuse this image in the *.css file. Unfortunately when you upgrade you will most probably have to edit the new CSS files to have your custom changes.

    Specifically for WebDataTree you can look at webdatatree.css and see what classes are there and to what elements they are applied, you can easily figure out which class to which DOM elements corresponds.

    Hope this helps.

    Thanks,

    Lubomir

Children