CssRules for external css

Hi,
I try to add styles to combo in Rich Text Editor and after that RTE stop working.
After some debuging I find out that browsers like Firefox and Chrome don't allow to call cssRules on external css files and this java script fails, it cause that rte don't work.
Thanks,
Bartek

The enhancement request is in place to support external resources.
As a workaround overlay richtext.js and modify to [1].
[1]
try{
rules = styleToCheck.cssRules;
ruleCnt = rules.length;
catch(err){
ruleCnt=0;

Similar Messages

How to use external CSS for standard items ?

Hi,
I would like to use my external CSS style-sheet for the standard items I add to my portal page.
I build an UI template with a CSS-link to my css style-sheet, and I used this UI template for my portal page. But it seems that items cannot use this UI template CSS reference.
Is there a way to use external CSS on standard items (text, url,...) ?
Thanks for your help,
Best Regards,
JC.AUDARD

Easiest way I find to do it is to drop your css file in the portal/images folder. Make a hidden html portlet on your template and link to /images/mycss.css. You can then use it for many items such as text, links, html portlets, etc.

Insert a div box background for one document only while using external CSS style sheet.

I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

What i did to slove this problem was:
Open my external CSS style sheet
Copy the contents of it
Remove the CSS link in the one page i wanted to be different.
Pasted the contents in the <head> under the rest of the CSS rules for that page.
Then I could set the background for that box w/o altering the other pages..
I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

External CSS for infopath forms in browser not working

Hi everyone,
I'm going to develop many forms using Infopath 2013 and then deploy to Sharepoint Server 2013. Because of UI requements, I need use css to accomplish this. I create external css files so I can reuse them easily. I followed this steps:
Add css as resource file.
In .xsl file, add <link> which references to css file
Save manifest.xsf file and deploy.
In Infopath designer, it works well. But when I deploy to Sharepoint Form Library, these css is not applied anymore.
Could you please help me.
Thanks for your time and considerations.
Dang Huynh

You are previewing the *.dwt file? Make sure you have Preview
with temp
files enabled in your preferences.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Sean022" <[email protected]> wrote in
message
news:g7mhro$64a$[email protected]..
> Hi,
>
> I have built a website page which was all fine until I
added editable
> regions
> and turned it into a template. Now when I try previewing
in Internet
> Explorer
> it comes up with a File download window asking 'Do you
want to download or
> save
> this file?'. Anyone know what is going on?
>
> Many thanks,
> Sean
>

Unable to embed External CSS file, dropdown list,filter panel and dimension filter are not working in SAP Design Studio Tool

Hello Everyone,
I am new to SAP Design Studio. I am working on creating dashboards and I am using Design Studio 1.2 version. Please suggest some solutions for the following issues. Thanks in Advance.
1. External CSS file which is embeded using custom CSS option under "application component properties" is not working.
* I kept the external CSS file inside repository-> my application folder.
2. During runtime, getting javascript error while selecting '-' option from filter panel.
3. Unable to select or type dimension name under "dimension filer component" properties.
4. Getting runtime error for dropdown list, and I have inserted the following code under "onStartup" option of Application component properties.
"DROPDOWN_1.setItems(DS_1.getMemberList("PRODUCTREF", MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 20));
and dimension values are not populated in auto suggest."

There should be an Error Log under View > Error Log that gives you more details of these errors. Could you add that? There is also a View > Script Problems log that provides more details as well.

How to add external css file from _edge.js file

I have tried to add in html page, but when I save edge project it removes it.
I am able to add external js file in scripts:[] in _edge.js file
What we can add inside resources:[] ?
And is there any way to add external css in edge files except in html page and through javascript?

...and which kind of files can be included under
resources: [] ??
I have a .json file that I need to be included in a template (and also included in projects created from that template).
The only way I found to do this is to add it as a script. The problem then is that all included "scripts" will be evaluated when the page is loaded, which will fail since it's a json file. External dependencies makes it impossible for me to change the format of the json file...

Template that does not let an external css to be attached

Hi
i have a template with en editable region for mainContent.
and it is applied to all the pages in my site.
now i want to attach an external css file to one of the pages
that is based on that template, and i get this message:
"a request to create a new style, link or import failed. if
you work with an instance of a template, make sure that you have an
editable region in the head tag".
so i went to my template and selected all the head tag and
made it an editable region.
but i still get the same message.
what can i do?
best regards

I am having the exact same problem but my template was saved as a template. I created a page from my template and made editable regions, when I go to create a style it tells me "A request to create a new STYLE, LINK, or IMPORT failed. If you are working with an instance of a template, make certain that there is an editable region within the head tag." I've tried making an editable region within the head tag and it still doesn't work.
Here is my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Witmer Furniture</title>
<style type="text/css">
#container {
    width: 780px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: 0px;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="../footer.css" rel="stylesheet" type="text/css" />
<link href="../columnone.css" rel="stylesheet" type="text/css" />
<link href="../columntwo.css" rel="stylesheet" type="text/css" />
<link href="../columnthree.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
</style>
</head>
<body>
<div id="container">
<div id="banner"><img src="../images/banner5.png" alt="Witmer Furniture" /></div>
<div id="cascading menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="witmerfurniture.com">BEDROOM</a>
      <ul>
            <li><a href="#">Bedroom Sets</a></li>
            <li><a href="#">Beds</a></li>
            <li><a href="#">Nightstands</a></li>
            <li><a href="#">Dressers</a></li>
            <li><a href="#">Case Goods</a></li>
            <li><a href="#">Mirrors</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">OCCASIONAL</a>
      <ul>
            <li><a href="#">Coffe Tables</a></li>
            <li><a href="#">End Tables</a></li>
            <li><a href="#">Sofa Tables</a></li>
        </ul>
      </li>
<li><a class="MenuBarItemSubmenu" href="#">ENTERTAINMENT</a>
      <ul>
            <li><a href="#">T.V. Stands</a> </li>
            <li><a href="#">Armoires</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">HOME OFFICE</a>
      <ul>
            <li><a href="#">Desks</a></li>
            <li><a href="#">Bookcases</a></li>
            <li><a href="#">Cradenzas</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">NEW PRODUCTS</a>
    <ul>
            <li><a href="#">Weston</a></li>
          <li><a href="#">Summit Lake</a></li>
        </ul>
      </li>
    </ul>
</div>

<div id="main">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','780','height','280','title','flash','src','../Flash/WitmerFlash','loop','false','qual ity','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Ve rsion=ShockwaveFlash','wmode','transparent','movie','../Flash/WitmerFlash' ); //end AC code
    </script>
    <noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="780" height="280" title="flash">
      <param name="movie" value="../Flash/WitmerFlash.swf" />
      <param name="quality" value="high" />
      <param name="LOOP" value="false" />
      <param name="wmode" value="transparent" />
      <embed src="../Flash/WitmerFlash.swf" width="780" height="280" loop="false" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
    </object>
    </noscript>
</div>


<div id="body"><img src="../images/collections border.png" alt="Collections" width="780" height="30" /></div>
<div id="columnone">
    <ul>
      <li><a href="ashland.html">Ashland</a></li>
      <li><a href="brookb.html">Brook B</a></li>
      <li><a href="Clayton.html">Clayton</a></li>
      <li><a href="contemporary.html">Contemporary</a></li>
      <li><a href="darlington.html">Darlington</a></li>
    </ul>
</div>
<div id="columntwo">
    <ul>
      <li><a href="ellyg.html">Elly G</a></li>
      <li><a href="oakgrove.html">Oak Grove</a></li>
      <li><a href="southbay.html">Southbay</a></li>
      <li><a href="stratford.html">Stratford</a></li>
      <li><a href="summitlake.html">Summit Lake</a></li>
    </ul>
</div>
<div id="columnthree">
    <ul>
      <li><a href="taylorj.html">Taylor J</a></li>
      <li><a href="unity.html">Unity</a></li>
      <li><a href="weston.html">Weston</a></li>
    </ul>
</div>

<div id="footer">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="aboutus.html">About Us</a></li>
      <li><a href="../contactus.html">Contact Us</a></li>
      <li><a href="sitemap.html">Site Map</a></li>
    </ul>
</div></div>

<script type="text/javascript">

</script>
</body>
</html>

How to Live View with external CSS files?

I am using a simple HTML page that references several external CSS style sheets. The style sheets are site root relative. The code validates.
http://www.sandsmuseum.com/coinop/games/evansraces/documentation/index.html
In Dreamweaver, the page looks good in Design View. Previewing in a browser looks good when the box to save temporary files is checked (replaces css inline for the input to the browser.)
However the page is missing the CSS and an image that is site root relative when I try to view it with Live View.
Does Live View only work with a test server? I tried setting up a test server that points to the remote server but that does not seem to help.
I am sure I am missing something. Can someone please help?
Thanks,
Michael

Apparently I did not ask the question correctly or even make it interesting. Does anyone have a suggestion on how I might ask the question next time?
thanks
Michael

Link to an external CSS style sheet

This question was posted in response to the following article: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e1ca.h tml

I am assuming you're working within a Defined Local Site Folder. If not, go to Site > Manage Sites > New...
For further details:
http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
How to attach external CSS files to your HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

External CSS in CS6?

The option to save HTML with an external CSS sheets eems to have disappeared in CS6. Any way of restoring it? CS5.5 was fine, and the reference PDF says it's still there.

Correct, and thank you for the quick reply, Steve.
Unfortunately, when you do this, instead of a straightforward reference to one's external sheet being put in the HTML, as was the case in CS5.5, two new files are made and referred to: [filename]-resources/css/[filename].css and [filename]-resources/css/[external sheet filename].css - the latter being a copy of the external sheet.
So instead of having a single css file for a whole site, we have a separate one for each page. If the css is updated, every page will need to be re-saved.
As I'm using InDesign for a diary web site which has many frequently-updated pages (Indesign is used so that its files can be used for the bi-monthly printed version), this is not helpful. I suspect someone at Adobe's been too d___ clever.

AS3 - External CSS and External text

I'm going nuts here. I have successfully loaded text from an
external file. I have successfully loaded styles from external CSS.
Trace appear to confirm that both have loaded. My Problem is that I
cannot get the styles to apply to the text.
I thought that perhaps it was a sequence issue and have tried
to make sure that the CSS loads before the HTML. I have also
attempted to apply the style by using a button event (but did not
include that code) just for testing but that did not work either. I
did apply the same CSS to text typed in Flash and that was styled
correctly - just to confirm that the CSS was valid.
Anyone see what my problem is? Thanks

I'm going nuts here. I have successfully loaded text from an
external file. I have successfully loaded styles from external CSS.
Trace appear to confirm that both have loaded. My Problem is that I
cannot get the styles to apply to the text.
I thought that perhaps it was a sequence issue and have tried
to make sure that the CSS loads before the HTML. I have also
attempted to apply the style by using a button event (but did not
include that code) just for testing but that did not work either. I
did apply the same CSS to text typed in Flash and that was styled
correctly - just to confirm that the CSS was valid.
Anyone see what my problem is? Thanks

External CSS and Templates

I am fairly new to using CSS and Dreamweaver having finally taken the plunge and dropped Micromumble mumble... I am wondering about external CSS and templates. When I assign a template to the external CSS does the CSS also translate down to the documents that are attached to the template or do each of them need to be attached to the CSS itself to work as well? Thanks for any help offered.

Just to clarify, if I have a class to define the color of my links in the template that is used in the uneditable regions but I also use the links in the editable regions, do I need to attach the CSS to the child as well?
Need to clarify the terms here.
How is the class defined and what do you mean by attached the CSS?
Probably easier to explain by example.
Can you paste the code here?

External CSS file in HTML export options

When exporting to HTML from ID CS5.5, is the option for an external css file a link to a file or a url?

@ mmurphytech4pub, the External CSS allows you to choose a file from your computer. However, you can also mention an http:// URL if you're CSS file is hosted on a web server.

External CSS file?

Do I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?
For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
Thanks

Can i get you to elaborate on this statement? This sounds like something that will work for me.
I have a text box in my edge composition with a scroll overflow. I have added a class to that text box equivalent to that established in an external css file. In that css i have items to change the look of the scroll bar, text color, and background color.
I need a little guidance how to fit all these pieces together.

Problem attaching external Css...

Hello all,
I have been using Dw cs3 for a few months now and currently experiencing the following problem:
When defining a site root folder in osx it will not accept / or \ when chaning the / it creates another directory under mac osx. when opening my file then attaching the Css I think that it cannot find the proper file to attach it to.it will insert the Css but will not change the style of the site.
I wanted to see if it was me or the mac, so I went back to windows installed everthing under C:/files for my site started DW opened the file and attached the external Css. Worked fine and changed instantly... so I am confused as to is there a way for me to define my local site in mac that its different? am I missing somthing?
thanks
quint

This isn't normal behavior, you may have an issue with your current installation of Dreamweaver. You may want to email Adobe support to see if there's something you can do to avoid having to do a reinstall, other wise this may be the route you have to go.
Lawrence *Adobe Community Expert*
www.Cartweaver.com
Complete Shopping Cart Application for
Dreamweaver, available in ASP, PHP and CF

CssRules for external css

Similar Messages

Maybe you are looking for