Newbie Questions

Re: Applying external style sheet to Infopath form 2007

Mohamed Derhalli — Wed, 05 May 2010 19:17:26 GMT

Try this on blank new form ..

1- drag radio buttons to the form, make them 2.

2- save source files, close the form

3- create css in source files folder, put this in it :

.xdBehavior_Boolean
{ background-color : black ;
}

save your css as test.css

4-open view1.xsl, exactly after <head> tag put this :

save and close

5-right click your manifest.xsf, click design, click upload text.css as resource file, save and close form , re-open manifest.xsf in design and see the results.

Re: Applying external style sheet to Infopath form 2007

Aditya — Wed, 05 May 2010 00:04:01 GMT

Hi,Thanks for replying.I tried what ever u said.Nothing is showing in the form.Am i doing something wrong?

Here is the how i included in css link in view1.xsl

<head>
    <meta content="text/html" http-equiv="Content-Type"></meta>
    <link href="customCSS.CSS" type="text/css" ></link>
    <style controlStyle="controlStyle">@media screen    {    BODY{margin-left:21px;background-position:21px 0px;}    }   BODY{color:windowtext;background-color:window;layout-grid:none;}   .xdListItem {display:inline-block;width:100%;vertical-align:text-top;}

Here is the code in CSS file

.xdBehavior_Boolean
{
background-color: red;
}
First i created the customcss.css file and then uploaded it using resource files.Then,opened view1.xsl and added link to the new css file.Saved it.Opened the mainfest file to see the changes.Nothing happened.

Please guide me if i am wrong.

Thanks,

Aditya.

Re: Applying external style sheet to Infopath form 2007

Mohamed Derhalli — Mon, 03 May 2010 09:46:26 GMT

You can do this using External Style Sheet. 1- Save your InfoPath form as source files to a destination folder, then in that folder make a new file, name it anything, for this case call it radiobuttons.css, open the CSS file and paste this:

.xdBehavior_Boolean{
background-color: red;

}

This is the name of the class that radio buttons use in InfoPath and we applied the red color to it.

2- Now open the file with extension .xsl that has your view name, and put a link for your style sheet after the head tag <head>

3- Open your InfoPath form, Select Tools Then Select Resource Files and upload the CSS file.

save the form, re-open it and see tell me the results

Applying external style sheet to Infopath form 2007

Aditya — Mon, 03 May 2010 03:21:11 GMT

can i apply CSS to a specific control like radiobutton in Infopath form Using External style sheet.If so ,please guide me how can i accomplish that.

Thanks.