Style Sheets in Design Studio

I was actually the one who asked the original question - and the real answer is that the design studio XML gets interpreted and embedded within the Portal display and code - which is why you can't really apply CSS changes from within design studio form. We had to work around this in a couple of different ways. First, we did some "styling" by applying a standard javascript (see below) - and then passing fields through. Ugly - but it works. The second thing was embedding HTML into label fields to emulate some desired styling and presentation. The script basically generates the HTML "code-let" and then embeds it:

document.getElementById("_l64").innerHTML = tableEmployee;

The kicker here is that in this example, the HTML code is simply the table components (rows, columns,etc...) - but what we were never able to get (and I don't think you can) is anything you can do at the html or body header sections.

Not sure if this helps you but thought I would offer it.

Here is a section of the formatting javascript:

var hdr = lawForm.getFormElement(hdr_fld)
hdr.style.fontFace = "Tahoma"
hdr.style.fontWeight = "lighter"
hdr.style.backgroundColor = "#387BB3"
hdr.style.color = "white"
hdr.style.paddingBottom = "5px"
hdr.style.paddingTop = "5px"
hdr.style.paddingLeft = "5px"
hdr.style.width = "100%"
lawForm.setFormValue("lblheader",title)

document.body.style.backgroundColor = "#E1E7EE"

I thought as much as was heading in the same direction just needed a push in the right direction. I will play around with it and let you know how it goes.

Thanks