Unable to Edit CSS style panel to change Wiget background colors

Hello my name is Gabriel and Im designing a website using the Sprymenu Bar: Menu Bar 1 that I found on the adobie free template 1.
I was able to edit the spry menu bar to drop down sub menu's but I was curious hoy to bring up the CSS Style panel so I can change the colors of this Spry Menu bar. How do I bring up the CSS style panel? Could you point me to a color menu so I could change the Colors?

Hi,
they work with an background-image, look for example here (it's from widgets of this
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html):
#MenuBar6 a.MenuBarItemSubmenu {
background-image: url(images/star.gif);
background-position: 5% 50%;
#MenuBar6 a.MenuBarItemSubmenuHover {
background-image: url(images/star-hover.gif);
background-position: 5% 50%;
background-color: #FF0;
color: #F00;
Hans-G.

Similar Messages

How to change the background color only for one HTML-Portlet?

Hi all,
I have created a HTML-Portlet in my root-page. The root page have a style: Main-Style.
I want to change the background-color only for this one HTML-Portlet:
<html>
<header><title>Test</title></header>
<body bgcolor="#999999">
Test
</body>
</html>
But this does not work...
When I use the CSS, then it will change the background-color for the root-page too.
Thans
Leonid Pavlov

could you try this
<table bgcolor="#999999">
<tr>
<td>
test
</td>
</tr>
</table>
I don't think you need <html><header><title>Test</title></header>
<body></body></html> for your HTML-Portlet.

CSS Styles Panel frustrations

Is it me or is the new CSS Styles panel so much harder to use? It shows way too much now and it slows me down when wanting to quickly change CSS elements.
Really missing the previous Properties panel from CS6. It only showed the properties that I actually used and was much more compact and easier to work with.
Adobe should have given users a choice of what type of style panel to use in CC.
Does anyone know if there's a way to get back the old Properties panel in CC? I'm sure not the only one voicing this complaint...

You can't bring back the old one as it stands now. Filing an official request for it here may help though:
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
It is something that has come up a lot recently.
Here is some info on working with it: http://helpx.adobe.com/dreamweaver/using/css-designer.html
If you want it to be a bit more compact, you can get away from the two column space eater by dragging th right edge of theCSS Designer window to the left until the columns stack instead. Not the greatest "fix", but better than the two column beast in my opinion.
EDIT: You can also click the heading of each sub section within the panel to minimize them individually if you aren't using them. Again, not the best "fix" but better than filling half your screen with css attributes.

CSS Styles Panel - Refreshing

I've recently started using Dreamweaver, and am learning
using the Tutorials on-line.
I was successfully following the CSS design tutorials,
However now, whenever I edit a document (or create a new
one), the CSS Styles panel "
unloads" and tells me that I have made changes to the code,
and "must click Refresh or press F5"
This did not happen before / yesterday.
Is there a setting somewhere which has been switched off?
This is annoying since it means that I cannot use the
predictive text features of Dreamweaver
like typing "<div " and seeing the options.
manually editing the CSS file still provides the auto-text.
Thanks,
Rem

Adendum;
It's also happens to the Tag panel, and Properties.
This even happens if no style sheet is linked
??????

My CSS Styles Panel in Dreamweaver won't show list of styles.

Hello Everyone,
I'm having a heck of a time getting my CSS Styles Panel to show the styles from my attached style sheet. Yesterday it worked as usual and today it doesn't. I feel like I've tried all of my options. Usually I work in 'All' instead of 'Current' so I can see the entire list and not have to reference the actual CSS page. Does anyone know how to fix this?
Also, even though I have an attached style sheet, every time I made a new style it puts it in my HTML page. So that's probably related as well.
Also, this is the code link that is in my HTML: <link href="Alto.css" rel="stylesheet" type="text/css" />
So, How do I get this panel to show the list of styles? <--That I can click an edit without going back to the CSS page.
Thank you!

See screenshot:
Nancy O.

Drag and Drop in CSS Styles Panel

So, I am going through Dreamweaver CS5 Classroom in a Book. In lesson 6, pages 106 through109, it tells you to drag and drop rules in the CSS Styles Panel into a certain order. I can't seem to get it to work for me. Am I missing something?

What do u mean by saying this?? Drag & Drop is possible for
components example Jtree , jtable .These are placed on containers like JApplet, Applet or frame .
So the answer is yes !
there is a seprate package devoted to Drag & Drop.

Confused With Dreamweaver CC and the CSS Styles Panel!

Hi all
I'm relativley new to the CC but I'm having alot of fun learning how to use dreamweaver, But now comes where I get confused. I'm learning from Lynda.com "Dreamweaver and WordPres Core Concepts" and as I follow the tutorial regarding the actual structure of wordpress themes I have different panels to the tutour.
As you can see from the pics I have a different set up and this makes it very hard to follow the tutour.
I have tried the windows menu but there is no CSS Style Panel, plus I have media, sources, selectors, and properties. Apparently the tutour is also usin CC.
Can someone please guide me on how to learn dreamweaver with up to date tutourials....

I'm not familiar with the Dreamweaver/WordPress videos on lynda.com, but if the tutorials are showing the CSS Styles panel, it means that it was recorded on Dreamweaver CS6 or earlier.
The CSS Designer panel replaces the old CSS Styles panel in DW CC. Since you have access to lynda.com, I suggest that you take a look at James Williamson's CSS Designer overview in Dreamweaver CC Essential Training.

How can i change the background color in the mobile windows adobe reader app? i want to change it from black to white but don't know how.

really want to change the background color of my documents in the mobile app. ive tried to search the answer online, in blogs and other various 'life hacks' blogs or articles, but so far everyone is talking about the desktop version. i really want to figure this out. is there even an option for the mobile version for windows? the only editing icons when a document is open are: export, home, make public, search in document, highlight/strikethrough/underline/comment and continuous/single view. if there isnt an option to edit background color, can i suggest that the makers of the windows mobile version make one, and make it fast please! any help would be appreciated. -CHANGE BACKGROUND COLOR

hi, thanks for helping me ...
i have used the above url and made changes to my OAF page, but i didn't get the desired output and its also giving as the above code output .
i kept OraBgGrayVeryDark in Css style in property inspector for every region including PageLayout and i also did some changes in cabo/styles/*.css classes.
eventhough it is picking the color upto footer level only and it is not applying for advanced table also.
can anyone please give your views in this..

Changing the background color of the row of the selected cell in table view

How can I change the background color of the table row when user clicks on table cell in table view?
Edited by: a_brar on May 5, 2012 11:12 PM

You could apply the following css style (by defining a custom stylsheet with the following lines and loading it into your app).
The last color sets the background color of the selected row while the table-view has focus (in this case to orange).
.table-view:focused .table-row-cell:filled:focused:selected {
-fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, orange;
}There are quite a lot of subtleties in the css styling for the tableview (e.g. different colors for the selected row when the control has focus vs when it doesn't or when the user hovers over a selected row in an unfocussed tableview), which you may want to cater for when chaning the background color of the selected row in a table view. There is also alternate styling for when the tableview is in row selection vs cell selection mode. So you may want to look at customizing further based on the css styles in caspian.css in sdk/rt/lib/jfxrt.jar if you can understand the complex css there.

How can I change the background color in the inbox?

The background color in my inbox (well, all mailboxes) is white. A yellow background would make the existing black text a lot easier to read. How can I change the background color in the inbox?

Themes work in Thunderbird - duggabe was not refering to Firefox.
Another useful addon is theme and font changer:
* https://addons.mozilla.org/fr/thunderbird/addon/theme-font-size-changer/
However, Thunderbird allows you to modify all sorts of things.
Make hidden files and folders visible:
* http://kb.mozillazine.org/Show_hidden_files_and_folders
Help > Troubleshooting Information
Click on 'show Folder' button
a window opens shwoing profile folder name
Close Thunderbird now - this is important
In the profile name folder, Create a new folder called '''chrome''' - note the spelling
It should be in the same place as the 'Mail' folder.
see first image below.
Open Notepad
Can be located : Start > Programs > accessories
Copy everything shown between the lines below.
Paste into Notepad.
Save as '''userChrome.css''' - note the spelling (edit updated - this was a typo error)
This should be saved in the '''chrome''' folder.
see second image below.
Restart Thunderbird.
I have chosen a yellow for you
<pre>
#f6f58c = a yellow....it is a hex code for a colour.
</pre>
You can change it if required. Remember when updating anything in the profile folders, you must close Thunderbird first.
More info on colours.
* http://www.yourhtmlsource.com/stylesheets/namedcolours.html
<pre>
* Do not remove the @namespace line -- it's required for correct functioning
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*Background colour for message list*/
#threadTree > treechildren::-moz-tree-row {
background-color: #f6f58c !important;
</pre>
-------------------------------------------

Change the background color of a table created by ADDT (Login)

I am trying to change the background color of a table in the login form created by the developer's toolbox. I then go and select the table and change the background color. But it has no effect. The only insight I have is when I delete this "" from the Action in the form, then the table's background color changes. As far as I can tell this line of code is only return the url of the page.
I am not understanding something.
Does anyone have any insight?
Thanks!

the table is linked using a CSS rule..
the CSS rules comes from something called Skins..
see mxkollection2.css.
KT_XXX are the class ID's for table names.
if u change this rule it will effect all the tables which use that rule in ur whole website.
u can try switching skins from ADDT control panel.
KT_tngtable is the tables css rule name defined in skins /Skinname/tng.css
hope this helps u ..
mohnkhan
http://www.mohitech.com

How do you change the background color & font in a text-only popup?

It has been ages since I did this and I can't seem to remember how. I tried to edit the style sheet but it only has options to change the text-only popup hotspot/link and I need to change the background color and font style within the popup itself. Tried Adobe's help but it had no answer for me. Any one out there know how to do this? I am running RoboHelp 7.

By Popup do you mean a link that when clicked causes a separate topic to be displayed in a seperate window (popup) or Drop Down text?
For Popups that are displayed in a new window then the font and colour is changed in the topic that is displayed. Simply open the topic and change colours / features as required
If you are using drop down text and confusing this with a popup then the font and colour is changed when creating the drop down text. Right click the text and select Font to change colour etc.

How can i change my background color in "albums" mode back to black in iTunes 11

how can i change my background color in albums mode back to black in iTunes 11?

Themes work in Thunderbird - duggabe was not refering to Firefox.
Another useful addon is theme and font changer:
* https://addons.mozilla.org/fr/thunderbird/addon/theme-font-size-changer/
However, Thunderbird allows you to modify all sorts of things.
Make hidden files and folders visible:
* http://kb.mozillazine.org/Show_hidden_files_and_folders
Help > Troubleshooting Information
Click on 'show Folder' button
a window opens shwoing profile folder name
Close Thunderbird now - this is important
In the profile name folder, Create a new folder called '''chrome''' - note the spelling
It should be in the same place as the 'Mail' folder.
see first image below.
Open Notepad
Can be located : Start > Programs > accessories
Copy everything shown between the lines below.
Paste into Notepad.
Save as '''userChrome.css''' - note the spelling (edit updated - this was a typo error)
This should be saved in the '''chrome''' folder.
see second image below.
Restart Thunderbird.
I have chosen a yellow for you
<pre>
#f6f58c = a yellow....it is a hex code for a colour.
</pre>
You can change it if required. Remember when updating anything in the profile folders, you must close Thunderbird first.
More info on colours.
* http://www.yourhtmlsource.com/stylesheets/namedcolours.html
<pre>
* Do not remove the @namespace line -- it's required for correct functioning
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*Background colour for message list*/
#threadTree > treechildren::-moz-tree-row {
background-color: #f6f58c !important;
</pre>
-------------------------------------------

Change the background color in a report cell - td bgcolor

Hi.
I have a report in which I would like to change the background color of a table cell based on some values in the underlying query
If Column A > Column B and Column C > 10, I want to color the background green. In my cgi , this was easy, but in apex, even if I write the query to output html, won't everything already be wrapped in the <td></td> tags? Is there any way around this?
Thanks

Mike ,
With the above solution you can conditionally fill the report cell with a particular color and not the entire row set. If you want to highlight entire row, you have to do something different. Take a look at this jQuery function
Step 1 . Download jquery http://code.jquery.com/jquery-1.4.2.min.js
Step 2. Upload it to apex image folder using shared component.
Step 3. In the page header put the following code
<script src="#WORKSPACE_IMAGES#jquery-1.4.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function(){
     if ($('.apexir_WORKSHEET_DATA').length > 0) {
          function HighLightRows(){
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").siblings().addClass('greentd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").addClass('greentd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").siblings().addClass('graytd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").addClass('graytd');
     // This time out is required since after the report is refreshed via AJAX,
                              setTimeout(function(){HighLightRows();},1000);
     }//if
HighLightRows();
</script>
<style type="text/css">
.apexir_WORKSHEET_DATA td.greentd
background-color: green !important;
.apexir_WORKSHEET_DATA td.graytd
background-color: gray !important;
</style>
Step 4. Change the SQL Query to
SELECT
     SALE_DATE
     ,PRODUCT_NAME
     ,PRODUCT_ID
     , CASE WHEN SALE_DATE > ADD_MONTHS(SYSDATE,-2) THEN
                 '<COLOR_GREEN>&nbsp;</COLOR_GREEN>'
          ELSE
                  '<COLOR_GRAY>&nbsp;</COLOR_GRAY>'
     PRODUCT_NAME_COLOR
FROM SALES;
Step 5. Make this new column PRODUCT_NAME_COLOR visible and in the column heading u can just put &nbsp;.
As long as this column will be available for display you will see the conditional highlighting.Thanks,
Manish

WAD - Portal - Changing row background colors

Hi,
We are creating web templates and posting to portal 6.0. I would like to know how to change the background colors for the rows for the output of the analysis item. Right now the default colors are grey and white (alternating rows). I did a search in the forum and it appears that there is no straightforward way to do it, with some suggesting we do it directly in the portal. Can someone provide detailed step by step instructions on how to change the background colors for rows for query output.
Thanks,
Anita S.

You can modify the CSS (Cascading Style Sheet) in either Portal or WAD. If you change it in Portal, it will be global for all reports viewed in the portal.
For WAD, there is a general template parameter which contains the path to the .CSS file. This CSS file is located in the Mime Repository (SE80). Make the change to the css file in the mime repository and you're good to go.
If you change the Portal CSS file, there is a wizard that can help you define colors for tables and preview them.

Unable to Edit CSS style panel to change Wiget background colors

Similar Messages

Maybe you are looking for