Anyway To Rename SpryMenuBarHorizontal.css File?

You know how there is:
Source Code SpryMenuBar.js SpryMenuBarHorizontal.css
at some point along the top.
Well I am wondering if there is any way to rename the "SpryMenuBarHorizontal.css"?
Because I am saving a bunch of different files that are slightly different, so that I can keep going back and forth and comparing them to see which one I like better. But every time, the new file I save also writes over the old file I saved, even though I saved them with different file names. And I think it is because I have a Spry Menu entitled "SpryMenuBarHorizontal.css" in all these files. So, I am assuming when I change this spry menu in one file and save it, it also changes the spry menus in the other files too. Am I correct? Any way to change the name so this doesn't happen?
Thanks.

Why not have a look at SpryMenuBar 2. There you can do eaxaclty what you say you want.
Grab the Widget Browser here http://labs.adobe.com/technologies/widgetbrowser/ and enjoy.
I hope this helps.
Ben

Similar Messages

Error (?) in css file

Hi all,
downloading Spry_P1_6_10-01 from the Adobe site, unzipped, in
those following file i've noted:
\articles\menu_bar\index.html(215): f\loat: left;
\widgets\menubar\SpryMenuBarHorizontal.css(165): f\loat:
left;
\widgets\menubar\SpryMenuBarVertical.css':
Sorry for my english it is little poor

Use of the slash is intentional. There is a comment above
that CSS rule that explains what it is for:
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
--== Kin ==--

How to get !--$HttpRelativeWebRoot-- in css file?

Hi, the ucm does not execute the idocs script in css file. How can I get the information in css file?
.header{
     background:url(groups/webfiles/documents/webfiles/wcm_001871.jpg) no-repeat left 0px;
     height:104px;
     //width:1024px;
Thanks!
Edited by: joechang on 2011/1/8 上午 2:29

There is no real way to do this without some clever hacking (see #3). I would recommend one of the following:
*1.* Hard-code the webroot:
url(/web/groups/webfiles/documents/webfiles/wcm_001871.jpg)
Your web root should, for the most, never change anyway.
*2.* Put your CSS as an asset within a fragment that is referenced on the web page(s) using it. If you do this, then your url can simply be relative to the fragments directory instead of the actual web page:
url(../groups/webfiles/documents/webfiles/wcm_001871.jpg)
*3.* If you're DESPERATE, you can create a new section (ie. stylesheets) whose "url page name" is set to something like "master.css". Then create a layout/page template that is written like a .css file. This way, you can use idoc and then just reference this section's primary page as the .css file to use.
Good luck, and please award points as necessary.

Issue with path reference in apex.min.css file using Theme 25

Hi all.
I upgraded recently to Apex 4.2.1.00.08 and my existing applications had been working fine. I then thought I'd changed the theme to Theme 25 as it was a new one available to me. This was fine and the application works well however I wanted to test a change to the css so I copied the apex.min.css file and renamed it as apex.min_copy.css. I made my small change, which was just a change to the background colour of the table in apexir.WORKSHEET. I then uploaded this through the shared components and referenced it in my header using
#WORKSPACE_IMAGES#apex.min_copy.cssI also commented out the referenced to #APEX_CSS# in the header so it would use my uploaded copy and not be overridden.
When I then ran the application again, it prompted me for the xdb username and password. I tracked this down to lines in the css file where the relative path to an image in the file was like ../ws/image_name
For example:
background-image : url(../ws/report_bg.gif);I took these lines out, uploaded again and it was fine and my change was visible, meaning that the #WORKSPACE_IMAGES#apex.min_copy.css was being read correctly. I can also browse the location of these files on the xdb database using a browser connected a system and I can see the files where i expect them to be.What I cannot understand is how other references to images in this css file such as
background : url(../apex/builder/dev-bar.png) 0 0 repeat-x transparent;
background-image : url(../htmldb/builder/builder_find_bg.png);do not cause an issue but the one mentioned earlier(/ws) does
I hope someone has an idea .
Thanks,
Colm Dickson

Mark,
Modifying the default files is dangerous and ill advised. You could always just add a style sheet (inline or linked) to your application that overrides that one setting while you wait on the permanent fix.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen

Flash Builder Burrito 'unable to resolve ... for transcoding' error css file

Hi,
I am trying to dip my toes into the waters of mobile development with the preview release of flash builder burrito.
I am doing so by trying to port over an application I have built in Flash Builder 4 for the web, by bringing it into a mobile app piece by piece, using the view stack struture peculiar to mobile apps.
I am haivng an issue with my untouched css file that I am trying to use in the app. It's a direct copy from the other app in the same directory structure and yet I have declarations of embedded images of the form:
.topLogo {
url: Embed(source="assets/images/header-logo.png");
Which continually cause:
unable to resolve '/assets/css/assets/images/header-logo.png' for transcoding Flex Style Problem
errors.
It is drving me utterly nuts. The images are there, and if I change the path to an invalid one I get a proper error in the editor, so it IS resolving them, but then these transcoding errors come up and seem to be triggering repeatedly as the problems pane keeps taking the focus away from the editor.
It's driving me nuts.
Anyone know if I've missed something?

Problem solved by turning off Design View (which we never use anyway, useless thing for OO style programming), it's on by default with a new install of Flash builder.
The mobile app looks promising, just waiting on a developer license to see how it goes on an iPad

CSS files not updating correctly

I'm having some trouble with the css files that are uploaded throught the application builder. When uploading an update to an existing css file, the file is not updated in the browser. Even after closing all browser windows and deleting the temporary internet files the new version is not loaded. I've even tried deleting the file from the app builder and holding the control key down when refreshing the browser and it still loads as if one existed. We currently have 3 seperate server environments and it works fine on 2 out of the 3...could this be a setting on the application server when the file is fetched from the database? It is currently calling:
wwv_flow_file_mgr.get_file?p_security_group_id=721404936311769&p_fname=iPRACA.css
I know the correct file is being uploaded to the database because when I view the detailed report in the application builder and click on the file name, the updated version is displayed in the text area. But, when I click on the download icon and open the css file to view, it is still the old version.
I'm currently using APEX version 2.3 and OAS 10.1.2
Any help would be greatly appreciated.

Hi YodaHart,
What happens when you rename your css?
Does it work then?
I also guess it's the Oracle AS. However we should investigate further on what you're thinking.
If you query WWV_FLOW_FILE_OBJECTS$ you still see the files while you don't see them in APEX anymore? If yes, I would create another table as select of the WWV_FLOW_FILE_OBJECTS$ table, just to have a backup. If the files aren't used anymore, you should be save by deleting the corresponding old records (for ex through SQLPLUS). After all, these are files you uploaded...
Thanks,
Dimitri

[SOLVED] Vimperator 2.0 CSS file to colorize the status bar

With Vimperator's new stable release of 2.0, the old CSS file that controls the status line doesn't work anymore.
I had a lot of trouble fixing it. I looked up the names of a lot of items and converted the old scheme. That wasn't enough, so I copied the default css into my css file (at the top) and changed everything in there too.
Now I have a css file that is huge and has lots of duplicate data. It also has a white line between status bar and command line that I can't get rid of, and when you enter a : command the : is black on white, instead of red on gray like the rest of the line (there must be more items, I think I used an old CSS scheme (there wasn't one in the trunk)).
Anyway, I wonder if this can be made simpler and it'd be awesome if the missing stuff above can be added too. And hopefully someone can benefit of the below CSS anyway.
What it does: make the background light gray, give the status (top) line a dark gray top border, give status bar regular weight black text, and the command bar bold red text.
#liberator-completions {
-moz-user-focus: ignore;
overflow: -moz-scrollbars-none !important; /* does not seem to work fully */
border-width: 0px !important;
/*-moz-appearance: none !important; /* prevent an ugly 3D border */
margin: 0px !important;
padding: 0px !important;
/* the selected item in listboxes is hardly readable without this */
#liberator-completion > listitem[selected="true"] > listcell,
#liberator-bufferwindow > listitem[selected="true"] > listcell,
#liberator-previewwindow > listitem[selected="true"] > listcell {
color: black !important;
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
/* fixes the min-height: 22px from firefox */
#status-bar, statusbarpanel {
-moz-appearance: none !important;
min-height: 18px !important;
border: none !important;
font-weight: bold;
font-family: monospace;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: black !important;
#status-bar
border-top: thin solid rgb(100,100,100) !important;
#liberator-statusline {
font-family: monospace;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline > label {
margin: 0px 5px 0px 5px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline > label:first-child {
margin: 0px 5px 0px 5px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline-field-url {
color: black;
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
/* no longer at the window's bottom right corner */
.statusbar-resizerpanel {
display: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#statusbar-display, #statusbar-progresspanel {
display: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-commandline {
margin: 0px !important;
padding: 0px !important;
font-family: monospace;
background-color: rgb(230,230,230) !important;
color: red !important;
#liberator-commandline-prompt {
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: red !important;
#liberator-commandline-command {
background-color: rgb(230,230,230) !important;
color: red !important;
margin: 0px !important;
padding: 0px !important;
#liberator-visualbell {
border: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: red !important;
#sidebar {
max-width: 90% !important;
min-width: 10% !important;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
/* highlight groups */
.hl-Normal {
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
.hl-ErrorMsg {
background-color: red;
color: black;
font-weight: bold;
margin: 0px !important;
padding: 0px !important;
.hl-InfoMsg {
background-color: rgb(230,230,230) !important;
color: magenta;
margin: 0px !important;
padding: 0px !important;
.hl-ModeMsg {
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
.hl-MoreMsg {
background-color: rgb(230,230,230) !important;
color: green;
margin: 0px !important;
padding: 0px !important;
.hl-Question {
background-color: rgb(230,230,230) !important;
color: green;
margin: 0px !important;
padding: 0px !important;
.hl-Title {
background-color: rgb(230,230,230) !important;
color: magenta;
margin: 0px !important;
padding: 0px !important;
font-weight: bold;
.hl-Warning {
background-color: rgb(230,230,230) !important;
color: red;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLine {
background: none !important;
background-color: rgb(230,230,230) !important;
color: white !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLineSecure {
background: none !important;
background-color: #B0FF00 !important; /* light green */
color: black !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLineBroken {
background: none !important;
background-color: #FF6060 !important; /* light red */
color: black !important;
margin: 0px !important;
padding: 0px !important;
.hl-URL {
background-color: rgb(230,230,230) !important;
color: green;
text-decoration: none;
margin: 0px !important;
padding: 0px !important;
/* NOTE: .aClass:hover not supported in quirks mode: http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior */
a.hl-URL:hover {
text-decoration: underline;
cursor: pointer;
margin: 0px !important;
padding: 0px !important;
#liberator-completions, #liberator-multiline-output {
overflow: hidden;
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
#liberator-completions-content, #liberator-multiline-output-content {
white-space: pre;
font-family: -moz-fixed;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-completions-content *, #liberator-multiline-output-content * {
font: inherit;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
/*#liberator-commandline-prompt,#liberator-commandline,#liberator-commandline-command,#liberator-message */
/*, #liberator-message,#liberator-container,#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow */
#liberator-container
background: none !important;
background-color: rgb(230,230,230) !important;
-moz-appearance: none !important;
margin: 0px !important;
padding: 0px !important;
#liberator-commandline, #liberator-commandline-prompt, #liberator-commandline-command, #liberator-message,
#liberator-commandline *, #liberator-commandline-prompt *, #liberator-commandline-command *, #liberator-message *
background: None !important;
background-color: rgb(230,230,230) !important;
color: rgb(255,44,44) !important;
padding: 0px !important;
margin: 0px !important;
font-weight: bold !important;
border: none !important;
#liberator-statusline-field-inputbuffer,#liberator-statusline-field-progress,#liberator-statusline-field-tabcount,#liberator-statusline-field-bufferposition,#liberator-statusline,
#liberator-statusline-field-inputbuffer *,#liberator-statusline-field-progress *,#liberator-statusline-field-tabcount *,#liberator-statusline-field-bufferposition *,#liberator-statusline *
background: none !important;
background-color: rgb(230,230,230) !important;
color: black !important;
font-weight: normal !important;
margin: 0px !important;
padding: 0px !important;
#liberator-statusline
background: none !important;
background-color: rgb(230,230,230) !important;
color: black !important;
font-weight: normal !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLine
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
Last edited by Procyon (2009-04-04 22:45:25)

@anrxc: I see, thanks!
I didn't notice any speed difference between 2.0 and 1.2.
Here is the colorscheme I used to get the same effect as above, everything works now:
I changed some unrelated things and it gave some warning so I commented those out.
" ==Vimperator_Color_Scheme==
" name: my
" ==Defult_Colorscheme_Settings==
hi Bell border: 0 none; background-color: black;
hi Boolean color: red;
hi CmdLine font-family: monospace; padding: 0px;
hi CmdOutput white-space: pre;
hi CompDesc color: black; width: 50%;
"hi CompGroup
"hi CompGroup:not(:first-of-type) margin-top: 0px; "margin-top: .5em;
hi CompIcon width: 16px; min-width: 16px; display: inline-block; margin-right: .5ex;
hi CompIcon>img max-width: 16px; max-height: 16px; vertical-align: middle;
"hi CompItem
"hi CompItem>* padding: 0 0; ".5ex;
"hi CompItem[selected] background: yellow;
hi CompLess text-align: center; height: 0; line-height: .5ex; padding-top: 1ex;
hi CompLess::after content: "3" /* Unicode up arrowhead */
hi CompMore text-align: center; height: .5ex; line-height: .5ex; margin-bottom: -.5ex;
hi CompMore::after content: "4" /* Unicode down arrowhead */
hi CompMsg font-style: italic; margin-left: 16px;
hi CompResult width: 45%; overfloaw: hidden;
hi CompTitle color: magenta; background: white; font-weight: bold;
hi CompTitle>* padding: 0 .5ex;
hi ErrorMsg color: white; background: red; font-weight: bold;
hi Filter font-weight: bold;
hi FrameIndicator background-color: red; opacity: 0.5; z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0;
hi Function color: navy;
hi Gradient height: 1px; margin-bottom: -1px; margin-top: -1px;
hi GradientLeft background-color: magenta;
hi GradientRight background-color: white;
hi Hint font-family: monospace; font-size: 10px; font-weight: bold; color: white; background-color: red; border-color: ButtonShadow; border-width: 0px; border-style: solid; padding 0px 1px 0px 1px;
hi Hint::after content: attr(number);
hi HintActive background: #88FF00; color: black;
hi HintElem background-color: yellow; color: black;
hi HintImage opacity: .5;
hi Indicator color: blue;
hi InfoMsg color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi LineNr color: orange; background: rgb(230,230,230);
hi Message white-space: normal; min-width: 100%; padding-left: 2em; text-indent: -2em; display: block;
hi ModeMsg color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi MoreMsg color: green; background: rgb(230,230,230);
hi NonText color: blue; min-height: 16px; padding-left: 2px;
hi Normal color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi Null color: blue;
hi Number color: blue;
hi Object color: maroon;
hi Preview color: gray;
hi Question color: green; background: rgb(230,230,230); font-weight: bold;
hi Search font-size: inherit; padding: 0; color: blue; background-color: rgb(230,230,230); padding: 0;
hi StatusLine color: black; background: rgb(230,230,230); border-top: thin solid rgb(100,100,100); border-width: 1px; font-weight: normal;
hi StatusLineBroken color: black; background: #FF6060; /* light-red */
hi StatusLineSecure color: black; background: #B0FF00; /* light-green */
hi String color: green;
"hi TabClose
"hi TabIcon
"hi TabIconNumber font-weight: normal; color: black; text-align: center; text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px;
hi TabNumber font-weight: bold; margin: 0; padding-right: .3ex;
"hi TabText
hi Tag color: blue;
hi Title color: magenta; background: white; font-weight: bold;
hi URL text-decoration: none; color: green; background: inherit;
hi URL:hover text-decoration: underline; cursor: pointer;
hi WarningMsg color: red; background: white;

Starter Templates Not Creating CSS Files

I'm using the About Page starter template. It asks me to save the About Page.css file, which I do, and then it asks me to name the new page, which I do, then it asks me to copy the dependent files, including the About Page.css file, which I do. The next box that pops up tells me that there is no About Page.css file and when the template opens it is only partially styled. I tried renaming the file and/or saving it somewhere else but nothing works. I tried the blog template and get the same result with the blog css file missing.
Why is this happening and how can I fix it?
Kim

Thanks for your help but it's really not worth the effort.
I have a county government website running fine with the current set up. Local files on my file server and remote files on the web server. It's been working great for years.
I wanted to try out the new starter templates just to see how they operate. They simply refuse to create that one css file. All the other dependent files are created and stored where I indicate. Only the one file is missing on each template. It's not the end of the world. I just thought I was overlooking something.
Thanks again.

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only. However opening a CSS file does not prompt that it is alr

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only.
However opening a CSS file does not prompt that it is already open on or from any machine which is causing code edits to be lost.
What we found from out testing:
- The file can be saved from one user to the server and WILL NOT PROMPT on other machines until the saving machine has the Dreamweaver program closed completely
- The file can be closed and Dreamweaver minimised to the launch bar but it still will not register on other machines that it has been changed.
- Also, until the Dreamweaver program is closed on the machines, it will continue to open it's saved version of the file.
Example Scenario:
- User 1 opens test.css (which is 2000 lines) and adds some code to the end of the file to bring it up to 2500 lines
- Meanwhile User 2 opens test.css as well (opens as 2000 lines as User 1’s edits have not yet been saved) and adds in code to bring it to 2300 lines
- User 1 saves his file and closes it - but Dreamweaver is still open.
- User 2 also saves his file and leaves Dreamweaver open.
- The server will report the size and last edit of the file the same as User 2 as he was the last person to save it (and if you open from the Win7 Machine it will show as User 2’s 2300 line version)
- If User 1 then open's the file again (from either the 'recent' in Dreamweaver OR clicking on the file directly in Finder...which version opens.... The version that User 1 saved! Not the true version on the server, but the version that User 1 edited and saved with 2500 lines in it.
- Same for User 2, he will open 'his' version with 2300 lines in.
Other information:
- Files are opened directly from the server
- Sometimes the users will save incrementally and re-open
- Most of the time users will save incrementally and keep the files open
- The users will never not save incrementally and just save when closing the file once finished
- The users are usually working on the files all day
- It is always the bottom lines of code that are lost. It could be a case of the two versions being mixed up and cutting off the newly added lines based on the line count (possibly).
It is as if Dreamweaver is holding a cache of the version locally and then only properly looking back to the server when it has been completely closed. It is very difficult to see how the server is causing such an impact on these files, there are very few logs which are giving any indication to the root cause of the problems.
Anyone know if this is a known issue?
Is there a way that there can be a featured implemented on the server that doesn't allow another user to open a file if it is already open on another machine?
Thanks

Your server file handling has nothing, and really nothing to do with Adobe software. If files don't get locked for (over-)writing and/or lose connection to the program opening them, then your server is misconfigured. It's as plain and simple and that. Anything from "known file types"/ file associations not being set correctly, MIME types being botched, crooked user privileges and file permissions, missing Mac server extensions, delayed file writing on the server, generic network timeout issues and what have you. Either way, you have written a longwinded post with no real value since you haven't bothered to provide any proper technical info, most notably about the alleged server. Either way, the only way you can "fix" it is by straightening out your server and network configuration, not some magic switch in Adobe's software.
Mylenium

Download Helper, even with paid converter upgrade, gives "Invalid Capture File" errors and will not record audio, with "File Creation Error - Unable to rename/copy audio file" Error.

Download Helper Screen Capture worked to capture video if the default "no audio" option is active. But, no audio. The "speakers" or "microphone" audio options are confusing....the audio to be captured is from the video, so what do you choose? With either "speakers" or "microphone" selected, the captured file has poor audio and no video. Re-capture efforts (speakers) get "Invalid capture file error" and "File Creation error- Unable to rename/copy audio file"
The paid upgrade of "Converter" doesn't work.
Instructive documentation - not very good.
Suggestions - Need time delay between initiation of "Record" and starting the video to be recorded.
Could use timer tracking of the record process.
Are there operating system limitations? (Have Windows XP Pro)

That is an issue for the developer of that Download Helper.

How to rename back to files instead of folder artist / song

Hello,
I have folder full of mp3 that I want to simply be organized by file. In playing around with iTunes, I pointed it to that folder and it did a mass reorganization of all of my mp3s into the classic artist / album / song when all I want is the way it was with a list of all files and not in folders. I plan to copy these into the iTunes music folder so they can be organized that way.
How do I "undo" what iTunes did and get it back to the way it was? This did not happen by iTunes copying the files since I pointed iTunes directly to that folder, it renamed my actual files. This is an error on my part, but there has to be a way to undo this (nope, don't have a backup copy or anything since I didn't think iTunes would actually modify my files).
Thanks!

I found MusicBrainz tagger and will give that a shot, but I'm sure it won't get many songs.
MusicBrainz is the only really good way to take a bunch of unorganized files and tag them properly. However, I've found that it's actually quite good. It gets about 60-70% without any intervention, and the rest it will make a best guess and and let you confirm whether it's guess was correct. It isn't exactly the simplest program in the world to use though, but works quite easily once you get the hang of it.
Sign up for a musicbrainz account before using the tagger. You really need an account to use the manual features of the program.

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

Removing warning for "Default CSS file not found."

I am getting this warning in Flash Builder:
"Default CSS file not found."
I can not for the life of me figure out how to get rid of it. Any suggestions?

Default css file can be specified as a compiler option (per SWC, I think).
See http://livedocs.adobe.com/flex/3/html/help.html?content=compilers_14.html
For example, flex framework has a default CSS file: C:\Program Files\Adobe\Adobe Flash Builder 4\sdks\3.5.0\frameworks\projects\framework\default.css
Do you have some library project or a swc with default css file option turned on, but the css file is missing?

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.

Dynamic path does not work in Css files

Hi,
I have a css file in which i have used few images, but when i try to make the path dynamic and include that css in my page the image doesn't appear but when i put the complete path in it it works.
It works when used in this way :
.inputrightbg
background-image: url(http://<hostname>:<port>/idc/groups/public/documents/omp_images/input_rightbg.gif); background-repeat: no-repeat; background-
position: right top; float: left; padding: 4px 10px 4px 0px; height: 26px;
Doesn't work when use in this way :
background-image: url(groups/public/documents/omp_images/input_rightbg.gif); background-repeat: no-repeat;
background-position: right top; float: left; padding: 4px 10px 4px 0px; height: 26px;
Thanks,
Abhijit

Right, you can't put IdocScript in css.
You can use the Web URL Map though to make urls that are easy to deposit in CSS.
Check these out:
http://www.corecontentonly.com/index.php/2009/10/14/web-url-map-extras/
http://blogs.oracle.com/kyle/2009/09/friendly_urls_for_ucm.html
-Jason
http://www.corecontentonly.com
http://www.redstonecontentsolutions.com

Anyway To Rename SpryMenuBarHorizontal.css File?

Similar Messages

Maybe you are looking for