Web App Style Tags

[SkillfulPixel]

I've got a webapp built and nicely styled, but I'd like to be able to control the background-color of the div container from within the Web App, so that they can have different color backgrounds instead of using the same background color from the css id for the container.

Web App as is:

<div id="specials-container">

<div id="specials-title">

<h3>{tag_name}</h3>

</div>

<p class="specials-saleprice">{tag_sale price}</p>

<p class="specials-sqft"> sq/ft. Installed</p>

{tag_picture}

<div class="specials-more"><a href="{tag_itemurl_withhost}">More Details</a></div>

</div>

What I'm trying at the moment is creating a Text String field in the app for the background color, which generates the tag: {tag_bgcolor}

But if I try to style a div using: <div style="background-color:{tag_bgcolor}"> the wysiwyg removes the in line style.

Can you not use tags in styles?  Seems to work perfectly well when doing hrefs, IDs and classes.  Ultimately I could call a different div id that has the particular background colors I want, but then I have to update the CSS with a new id each time I want a new color, versus just putting the color # inside of the app.

Any ideas?

[M_R_K_Development_Pty_Ltd · Accepted solution]

Have you tried updating the file from dreamweaver or another program over FTP?

You could also try the new file editor in the BC Beta preview admin panels.

It should work, there are no rules to stop it except for the wysiwyg editor that is doing the cleanup on form submit.

[SkillfulPixel]

Didn't think about uploading via FTP, that worked perfectly.

Btw, BC Beta wysywyg does the same thing as the current.

Also thinking that Dreamweaver Plugin would work too.