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.

Similar Messages

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.

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.

Found 7 errors in external css files

I am using CS3 and set up the slide show successfully, I ran the "check Browser Compatibility and I get this error,
Found 7 errors in external css files
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
line 35; <link type='text/css' href='Spry-UI-1.7/css/SpryImageSlideShow.css' rel='stylesheet'/>
Is this something to be concerned about? Is this widget only meant for CS5, is there a fix needed?

Here is the css
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.2 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
position: relative;
width: 480px;
height: 320px;
overflow: hidden;
border: solid 1px black;
.ImageSlideShow .ISSClip {
width: 100%;
height: 100%;
overflow: hidden;
background-color: black;
.ImageSlideShow .ISSView {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
.ImageSlideShow .ISSSlide {
position: absolute;
top: 0;
left: 0;
width: 100%; /* Required for IE6/IE7 */
height: 100%; /* Required for IE6/IE7 */
text-align: center;
/* Fix to get images to fade properly in IE8 and change correctly in slideshow.
* This is due to the fact that absolutely positioned elements cannot have their
* opactiy altered in IE8. */
.ImageSlideShow .ISSSlide img {
filter: inherit;
.ImageSlideShow .ISSControls {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
position: absolute;
top: 0;
display: block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-repeat: no-repeat;
text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
left: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-back.gif);
background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
opacity: 0.5;
filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
right: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-forward.gif);
background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
left: 30%;
width: 40%;
background-image: url(ImageSlideShow/iss-play.gif);
background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
background-image: url(ImageSlideShow/iss-busy.gif);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
display: none;

How setting contentStyle in a external CSS File

Hello,
I want setting any contentStyle properties in an external css file.
Something like:
<af:selectOneChoice id="gotoPg"
contentStyle="width:60px;"
I tried this, but doesn't work:
<af:selectOneChoice id="gotoPg"
styleClass="classCss"
Inside the external css:
.classCss{
width: 60 px;
How can i setting the contentStyle properties in an external css file ?
Thanks,
Victor Jabur

Hi Victor,
On the ADF web page (jspx) you have to include the css stylesheet
<link rel="stylesheet" href="./css/untitled1.css" type="text/css"/>
You can create a new CSS file from JDeveloper by right-clicking on the ViewController project, select "New..", once the "New Gallery" window is displayed go to Web tier -> HTML and you will have the "CSS File" option.
What you put inside your css looks good:
.classCss{
width: 60 px;
Note that the width property will affect the whole af:selectOneChoice component, including the label and the different choice values.
-Cris

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...

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

WTG Newbie: can't find external CSS file

Hello Forum... I've placed a css file in a directory (/res/basic.css) just off the root of my test webtogo application but the application doesn't pick it up when I use the syntax:
<link rel="stylesheet" href="/res/basic.css" type="text/css"> in the html header.
I've tried some variations on the href url but still can't get it to work.
I presume I'm not understanding something pretty fundamental. Can anyone enlighten me? Btw, this usually works on another servlet container such as tomcat.
Many thanks
/j-p.

Hello Ravi... thanks for your help.
1. version 10.0.0 of oracle lite
2. I'm just starting out with some simple test applications.
3. I just wanted to include external files for css stylesheets and javascript in my test web application.
Case 2 is my situation.
I can't succeed in getting the olite server to serve the css file - even by manually typing the url:
http://localhost:7070/mobtest2/res/basic.css
and I had tried removing the root slash as you had suggested but still the same problem.
Here is the relevant section of wtgapp.xml from the wtgsdk\bin directory, maybe you or someone can make out what I'm doing wrong by how this is configured:
<application name="SecondMobileTest">
<platform_info>
<platform>Oracle Lite WEB;US</platform>
</platform_info>
<app_info>
<directory>/mobtest2</directory>
<virtualpath>/mobtest2</virtualpath>
<defaultpage>users</defaultpage>
<icon></icon>
<description>A Second Mobile test</description>
<publication></publication>
<platform>Oracle Lite WEB;US</platform>
<localroot>C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\</localroot>
<classpath>/jp_test/tabletest1/servlets</classpath>
</app_info>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\res\basic.css" server="" recursive="Y"/>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\servlets\org\wfp\test\Users.class" server="" recursive="Y"/>
<app_db connection="10" sharing="N">
<dbuser>master</dbuser>
<dbpwd></dbpwd>
</app_db>
<role name="Default Role"/>
<servlet name="org.wfp.test.Users" virtualpath="/users"/>
</application>
Best Regards
/j-p.

How to add an external CSS file in master page

Hi,
We're running a SharePoint 2013 (Office 365) team site. I'd like to use the same formatting in all my site pages. I currently use a script editor web part to apply the formatting changes which is cumbersome. How can I utilize a css file so
that all of the site pages use the same formatting?
The site that I want to apply the formatting to is a sub site of the main site. Only the main site has a "Styles Library" if this matters.
Thanks.
Brian

You can also consider activating publishing features and uploading the css files to the Styles library that is created. This allows you to override the oob CSS.
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

Linking external css file issue

Hello everyone,
I have linked my css file to the html in dreamweaver manual in the html page and by attaching the css file in dreamweaver but when I add new stle to my css file I dont know why it wont show the affect of the style I add to the HTML file while I have the split view in dreamweaver. please help

That's because you're creating a class. You don't need a class to style HTML selectors.
HTML selectors don't contain any prefixes.
h1 {color:teal}
h2 {color:brown}
h3 {color: maroon}
Classes contain a dot prefix and must be referenced in the HTML.
.classname {color:pink}
<h2 class="classname">This class is pink</h2>
Nancy O.

Problem with elements/text linking to styles in external css file

Hi,
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?
I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.
The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.

Use yepnope like this:
yepnope(
    nope:[
    // include your css file path here.
        'css/yourcssfile.css',
    complete: init
function init() {
//whatever you need here

External CSS file not working in IE

My external style sheet works in every browser except IE. The
compatibilty check also tells me about the error with the external
css. Strangely, I only notice that it affects my headers.
Virtual Kelly Test
Page
Regards,
Kelly

Try this
<STYLE TYPE="text/css">
@import url(CSS/vkCSS.css);
</style?

How to apply external CSS file with MyFaces Trinidad?

In my original JSF page, I used to have
<head>
<link href="css/app.css" rel="stylesheet" type="text/css" />
</head>However, after I switched to MyFaces Trinidad and used <tr:document> tag, the external stylesheet could not be applied.
<tr:document inlineStyle="css/app.css">I wonder the external stylesheet is not applied in this way with the inlineStyle attribute. So what is the correct way of applying an external stylesheet for the whole page? Thanks.

...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...

Font Info in External CSS Files aren't being recognized or utilized

I'm a front-end web developer. After I upgraded to the new Firefox, I checked two of my websites that I built.
The font information in my CSS external files aren't being recognized so the fonts are coming in at the wrong sizes (that is...really LARGE). (However, it is recognizing placement of absolute positioned images.)

Sounds like you did not properly define your site. Start
there.
Walt
"Prizzbone" <[email protected]> wrote in
message
news:g8vn0c$qs7$[email protected]..
>I have uploaded files both with FTP and site won't
display CSS or images,
>or
> pretty much anything except the index. I can view all
files if I look at
> them
> independently. It works fine in DW, and I have tried
putting all files in
> one
> folder on the server, I don't know if my settings in DW
are wrong. I
> would
> prefer not to have to upload my files all individually,
any help would be
> great, thanks.
>

Loading an external css file

hi friends,
i am facing a small problem.
in my team i have a designer he works on css and i do coding
in flex.
what i want to do is , allow my designer to change the look
and feel of my flex application
just using css and there should be no use to recompile the
code again.
i have tried many thing and saw many examples.
in each example i saw they either want an .swf file (i.e to
recompile)
or the example is only working for text fields (not for
Button,canvas etc.).
i want to enable my designer to just write the css for any
component in my application, go on to browser
and just refresh the page containing the flex application and
the change should be seen.
thanks in advance.

That simplified things, but I can't understand why StyleSheet
ParseCSS() method converts class selectors to all lowercase.
Here is the updated app:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml">
<mx:Style source="css/test1.css"/>
<mx:Label id="lbl" text="Loading CSS at Runtime"
styleName="myStyle"/>
<mx:VBox>
<mx:Button label="Sample Button"/>
</mx:VBox>
</mx:Application>

External CSS file?

Similar Messages

Maybe you are looking for