What CSS styles affect the background color of new suite bar?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
What new suite bar did you refer to?
Please check if this image below is what you referred to:
If yes, please note in this forum we mainly discuss questions and feedbacks about the Office client products, as your question is not about our products, I suggest you post the question in Office 365 Community Forum to get support:
http://community.office365.com/en-us/f/default.aspx
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
If I misunderstood anything, feel free to let me know.
Regards,
Melon Chen
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

Similar Messages

New App Launcher Suite Bar in 365: what CSS styles affect the background color?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
Per my understanding, you might want to change the style of the suite bar and replace the “Office 365” text with your custom logo image.
In Office 365 admin page, we can customize the theme of the suite bar for the whole :
However, as there is no such option can replace the “Office 365” text with a custom icon there, a workaround is that we can use some custom JavaScript to modify the
corresponding HTML source code to display the icon dynamically after the page loaded.
After applying the code snippet below into the master page:
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("ready");
function ready() {
var logo = document.querySelector("#O365_MainLink_Logo");
var s = '<img style="max-height: 27px" alt="logo" src="/_layouts/15/images/siteIcon.png?rev=38">';
logo.innerHTML = s;
</script>
Every time when users open a page in this site, this custom code will be executed, the “Office 365” text will be replaced by a custom icon:
More information about how to add custom code into master page(similar in SharePoint 2013):
http://techtrainingnotes.blogspot.com/2012/05/adding-javascript-and-css-to-sharepoint.html
What’s more, if doing in this way, we can only replace the “Office 365” text with a custom icon in Office 365 SharePoint Online sites, not the whole Office 365, this
is a fact that you might want to know. For about how to replace that text for the whole organization, I suggest you open another thread in Office 365 forum, you will get more help and confirmed answers there.
http://community.office365.com/en-us/forums/default.aspx
Best regards
Patrick Liang
TechNet Community Support

Change the background color of a title bar

I'd like to know if it's possible to change the background color of a swing application title bar.
Thanks in advance.

In Windows I think you can change the overall look of the desktop - Standard Windows comes with a bluish scheme, but you can change that, say to something like greenish. On NT you do it using right click on desktop > Properties > Apperance > Scheme etc etc.
So I think Frame title colour is very much a OS specified thing.

How do I customize the background color of the Bookmarks Drop Down Menu?

The drop down bookmark menu is a very light grey and the highlighting is also very light and hard to see. Where in about:config can I change these colors.
Also is there a way to bold certain bookmark items in the bookmark menu?
I'm using ver. 19.02

''bmail wrote:''
I appreciate the amount of time you put into typing up the example and I'm sure the example is great, but again...I have no idea how to use it or where to put it.
You were supposed to install [https://addons.mozilla.org/firefox/addon/stylish/ the Stylish extension]. Once installed, there's a new category in the Add-ons Manager called User Styles. In that category, there's a button labeled Write New Style which opens a window where you can paste or write CSS code; click the Preview button to see what how your style affects the interface or a web page, or the Save button to keep it.
Styles in the userChrome.css file cannot be previewed, and any changes only take effect after restarting Firefox. Since the ChromeEdit Plus extension simply allows you to edit that file, presumably it has the same limitations.
Anyway...
''bmail wrote:''
What code would I need to have all the sub menus be the same background color as the main bookmark menu?
<pre><nowiki>/* Menu bar bookmarks menu background */
#bookmarksMenuPopup hbox {
background: silver !important;
}</nowiki></pre>
Note that you can replace '''silver''' with another named color, or an RGB color value.
* https://developer.mozilla.org/en-US/docs/CSS/color_value
''bmail wrote:''
What code would I use to change the highlight color that you see as your cursor hovers over the menu items?
I wrestled with this one for a while, but I couldn't get it to work, and I gave up due to time constraints. Again, I suggest you head over to the userstyles.org forum and ask there.
* http://forum.userstyles.org
''bmail wrote:''
How do I designate what menu items I want in bold face?
The relevant bit of information is the bookmark or folder name. Note the value of the label attribute in the above example (the stuff between quotation marks); that's how you show the Recently Bookmarked folder in bold text. You can combine several selectors (the stuff before the first { character) into one by separating them with a comma, like so:
<pre><nowiki>#bookmarksMenuPopup menu[label="Some folder"],
#bookmarksMenuPopup menu[label="A different folder"],
#bookmarksMenuPopup menuitem[label="This one's a bookmark"],
#bookmarksMenuPopup menuitem[label="Some other bookmark"],
#bookmarksMenuPopup menu[label="Yet another folder"] {
font-weight: bold !important;
}</nowiki></pre>
You're welcome.

Why is the background color not applied in one case?

Hi,
I'm using RH 7 and WebHelp.
I apply a TableHeading style to the first row of my tables. The TableHeading style is supposed to fill the cells of the first row with a background color of blue, and the text is in white. It works fine except for one table. I think TableHeading style was not applied in the Word document when I imported this topic. I tried to apply the TableHeading style to the first row, and it says it is applied in the HTML. But, the background blue does not fill the cells.
Here is what I am trying to achieve:
Here is my problem table:
I can see in the HTML that the background color is not present in the code. Here is the code for the example that is correct:
<p class=TableHeading>Chapter</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
          width: 279.4pt; padding: 0in 5.4pt 0in 5.4pt; background-color: #003399;"
bgcolor=#003399 width=279.4pt>
<p class=TableHeading>Description</td></tr>
<tr><td style="x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px; border-top: none;
                   border-bottom: solid #000000 1.0px; width: 182.85pt; padding: 0in 5.4pt 0in 5.4pt;
                   padding-left: 0px; padding-top: 0px; padding-right: 0px;
                   padding-bottom: 0px;" valign=top width=182.9pt>
Here is the code for my problem table:
<p class=TableHeading>Activity</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
          width: 168.0pt; padding: 0in 5.4pt 0in 5.4pt;" width=168pt>
<p class=TableHeading>Keyboard Shortcut</td></tr>
<tr style="x-cell-content-align: center;" valign=middle>
<td style="width: 374px; x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px;
          border-top: none; border-bottom: solid #000000 1.0px; padding: 0in 5.4pt 0in 5.4pt;
          padding-left: 0px; padding-top: 0px; padding-right: 0px;
          padding-bottom: 0px;" valign=top width=374px>
Here is the code from the CSS:
p.TableHeading {
background-color: #003399;
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
margin-left: 3pt;
margin-right: 3.0pt;
line-height: 120%;
margin-top: 0pt;
margin-bottom: 0pt;
LI.p-TableHeading {
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
line-height: 120%;
Any suggestions?
Thanks,
Julie
I don't understand why the TableHeading style is not applying the background color for the one table. I'm guessing I could just add it to the code using the HTML editor. However, I wasn't sure if that was the best way to fix this problem or if I would create another problem.

Hi Willam,
Thanks for your answer, and I will go ahead and add the background color to the problem table.
However, I am still puzzled as to why the background color is applied to the cells in the other tables and not the problem table. I'm not sure what I did to cause the problem - how I applied the TableHeading to the table cell in one case and not the other. Any ideas how I can avoid this problem?
I will not use the Word documents going forward and will only make changes with the RH editor.
Thanks again,
Julie

I have trouble reading in Black and White. changing the background color for all

I have trouble reading in Black and White. On my PC I can change the background color (and I am not just talking about for a word or pages document) but for eveything so anything that was a white background I can put in what ever color I like but it still prints in Black and white.. I can't see how to do this on the Macbook air. on my PC I do this in display. Sort of putting colored film over the screen I dont know what to do. Can anyone help?

Hello Floridamacbookpro,
You may be interested in the 'invert colors' Accessibility feature. This can be invoked by pressing the Control, Option, Command, and 8 keys on your keyboard. This only affects your display, and does not have any affect on printed items.
Mac OS X displays inverted image colors (white on black, reverse type)
http://support.apple.com/kb/HT3488
Cheers,
Allen

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.

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

How to set the Background Color of a Text Field in a Tabular Report.

Hello,
I tried to set the Background Color of a Text Field in a Tabular Report.
But I was not able to change this colur.
In the report attributes --> column attributes
I tried already:
1. Column Formating -- >CSS Style (bgcolor: red)
2. Tabular Form Element --> Element Attributes (bgcolor: red)
but nothing worked.
Can anybody help me?
I Use Oracle Apex 2.2.1 on 10gR2
thank you in advance.
Oliver

in "Report Attributes" select the column to move to the "Column Attributes" page. In the "Element Attributes" field under the "Tabular Form Element" region enter
style="background-color:red;"
I will also check if there is a way to do this via the template and post here again
edit:
in your template definition, above the template, enter the following:
< STYLE TYPE="text/css" >
.class INPUT {background-color:red;}
< /STYLE >
(remove the spaces after the < and before the >)
change "class" to the class that the template is calling
(I'm using theme 9, the table has: class="t9GCCReportsStyle1" so I would enter t9GCCReportsStyle1)
A side-effect of using this second version is that ALL input types will have a red background color--checkboxes, input boxes, etc.
Message was edited by:
TheJosh

Hi there, I want to change the background-color of the browser, when a popup-picture is shown. This picture pops up by clicking a hyperlink in the text...can anyone help me please...thanks a lot

Hi there, I want to change the background-color of the browser, when a popup-picture is shown. This picture pops up by clicking a hyperlink in the text...can anyone help me please...thanks a lot

Hi,
CSS is interpreted by your browser, so server cache seems unlikely in htis case. There is however some hierarchy in CSS, so parts of the APEX CSS, theme CSS or page CSS might overwright or block yours.
Does changing the CSS on runtime affect your page? Eg, run the following in your browser console and see if your page turns black: $('#uBodyContainer').css("background-color","black")
Also try moving up your css in the hierarchy labeling it as important:
div#uBodyContainer {
background-color:#000000 !important;
See:Assigning property values, Cascading, and Inheritance
Regards,
Vincent
http://vincentdeelen.blogspot.com

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

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.

Getting the background color from a row

I'm displaying a table that has alternating row colors for odd and even... when I click on a row I am changing the color to blue. When I click on a different row I want to set the background color back to what it was for the originally selected row and change the currently selected row to blue. This worked just fine when I had the colors hard coded into the code... but as soon as I started using style sheets it stoped working,
My questions is how do I get the background color from a row... for instance, the following alert dislays nothing. How can I get the actual color out for the row?
var tableElem = document.getElementById('table');
var rowElem;
rowElem = tableElem.rows[0];
alert(rowElem.bgColor);


If you're working with style sheets, then ignore the background color. You don't want to care what color is actully being used, only that the correct style is in place.
Worry instead about the className property for your row:<style>
.highlightRow {
   color: white;
   background-color: gray;
.normalRow {
   color: black;
   background-color: white;
</style>
var tableElem = document.getElementById("table");
var rowElem = tableElem.rows[0];
alert(rowElem.className);
<table id="table">
<tr class="normalRow"><td>...</td></tr>
<tr class="highlightRow"><td>...</td></tr>
</table>

An applescript to change the background color for all finder windows

I'll start off by telling you what I am trying to achieve, then show you what I've tried.
I have a macbook with several HDD's attached. what I want is for each of those hdd to have a specific finder window background color. so no matter where I am in that hdd the background color will always be the same. so for instance if I set the background color of hdd 2 to blue then as long as I see a blue background I know that I'm within hdd 2.
I've tried setting up an applescript to do this but can only get it to change the open finder window, and none of the subfolders have their backgrounds changed.
here is what I have so far:
tell application "Finder"
tell the icon view options of the front Finder window
set the background color to {52942, 54484, 31097}
end tell
end tell
so how do I get this to apply to all subfolders without opening each one and running the script.
thanks in advance for any and all help with this

According to this article:
http://docs.info.apple.com/article.html?path=AppleScript/2.1/en/as2039.html
it seems that the various options can only be set while the window is open and in icon view.
Rather than manually opening the window of every single folder on the hard drive, it should be possible to write a script to open every folder in sequence, make sure it is in icon view, change its background, then close its window. I have never been any good at the "actions within actions" procedure needed for folders within folders, so maybe someone else with the necessary knowledge and experience might be able to assist in this regard. Such a script would probably take a few minutes to complete while it ran through "every folder of every folder", but it sure would be quicker to have the process automated than to do it by hand - computers are really good at repetitive tasks (as long as the instructions are accurate, of course!).
On the other hand, you might like to try the following:
open a few windows in icon view, choose Show View Options in the View menu (I'm in System 10.4), click the radio button All Windows, click the Color radio button under Background, then choose your color. It might achieve what you are trying to do.

In Pages 09' how do I change the background colors on the templates?

I have been trying to change the background on one of the templates from red to green for a while. I can't figure it out and i can't find answers online any where that are helpful at all. I just need to changes the background color to what I want it to be and not what the programs sets them too. Any ideas? I'm totally stumped!
Thanks for the help!

Hi Burke,
Here's the result, using Peggy's suggestion:
Process:
Click on the thin strip of red to the left of the title ("THE THOMPSONS") to select the background.
You'll see the small x in each corner, indicating the object is locked.
Go Arrange > Unlock (or press option-command-L) to unlock the object.
Click on the Fill Color well in the format bar, and choose a new colour from the palette.
Go Arrange > Lock (or press command-L to re-lock the object.
Save the result.
Regards,
Barry

What CSS styles affect the background color of new suite bar?

Similar Messages

Maybe you are looking for