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.

Similar Messages

How to add video tag in office 365 master page?

Hi All,
I have created a branding in Office 365. Now I want to add video in the background of my master page.
How should I achieve It. the <Video></Video> is not working. It is giving error to me.
Any option how to add videos in background of master page in Office 365?
Thanks in Advance.

Hi,
From your description, my understanding is that you want to use video tag in your Office 365.
You should check the video type in your issue, video tag only support mp4 file which you could refer to this article:http://www.w3schools.com/tags/tag_video.asp.
In addition, you could refer to these articles:
Video Player for SharePoint 2013 and Office 365
http://sharepointroot.com/2014/01/22/video-player-for-sharepoint-2013-and-office-365-2/
how to play a video in sharepoint 2013 foundation version
https://social.msdn.microsoft.com/Forums/sharepoint/en-US/2818becf-e132-4b9a-b50f-8990fa28cf88/how-to-play-a-video-in-sharepoint-2013-foundation-version?forum=appsforsharepoint.
Best Regards
Vincent Han
TechNet Community Support

How to add Google Search box on sharepoint master page

SharePoint master page already has a form. Google search box need to add another form. how to make it work.
Google search box code
<form action="http://..." method="GET" name="gs">
<input maxlength="256" name="q" size="25" type="text"/>
<input name="btnG" type="submit" value="Search"/>
<input name="site" type="hidden" value="Education"/>
<input name="output" type="hidden" value="xml_no_dtd"/>
<input name="client" type="hidden" value="RESEARCH"/>
<input name="proxystylesheet" type="hidden" value="Education"/>
<input type="hidden" name="filter" value="0" />
<input type="hidden" name="oe" value="UTF-8" />
</form>

Hi Icha, check out the following links. They include details for different methods depending on what you want:
https://developers.google.com/search-appliance/documentation/connectors/260/connector_admin/searchbox_sharepoint
http://kamalasekar.blogspot.com/2012/06/add-google-search-text-box-inside.html
https://www.thorprojects.com/blog/archive/2012/10/05/adding-a-google-search-option-in-your-sharepoint-2010-search-scopes-without-code.aspx
cameron rautmann

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

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 an external editor in iPhoto

how to add an external editor in iphoto

In case you plan toi use Photoshop or Photoshop Elements as your external this may be of help to you. The commends can apply to other editors that create layered files and save them with an extension other than .jpg.
Using Photoshop or Photoshop Elements as Your Editor of Choice in iPhoto.
1 - select Photoshop or Photoshop Elememts as your editor of choice in iPhoto's General Preference Section's under the "Edit photo:" menu.
2 - double click on the thumbnail in iPhoto to open it in Photoshop. When you're finished editing click on the Save button. If you immediately get the JPEG Options window make your selection (Baseline standard seems to be the most compatible jpeg format) and click on the OK button. Your done.
3 - however, if you get the navigation window
that indicates that PS wants to save it as a PS formatted file. You'll need to either select JPEG from the menu and save (top image) or click on the desktop in the Navigation window (bottom image) and save it to the desktop for importing as a new photo.
This method will let iPhoto know that the photo has been editied and will update the thumbnail file to reflect the edit..
NOTE: With Photoshop Elements the Saving File preferences should be configured as shown:
I also suggest the Maximize PSD File Compatabilty be set to Always. In PSE’s General preference pane set the Color Picker to Apple as shown:
Note 1: screenshots are from PSE 10
Note: to switch between iPhoto and PS or PSE as the editor of choice Control (right)-click on the thumbnail and select either Edit in iPhoto or Edit in External Editor from the contextual menu. If you use iPhoto to edit more than PSE re-select iPhoto in the iPhoto General preference pane. Then iPhoto will be the default editor and you can use the contextual menu to select PSE for your editor when desired.
OT

How to run an external .exe file from an indesign pluging

Hi,
      Suppose if I have written an separate application in C++ (.exe file) & need to run it from an indesign pluging(as if a service in windows). have you provided that facilities in your SDK? if it's please let me know how to run an external .exe file from a indesign pluging.
Thanks,

I'm actully writing data in PMString to a external txt file.
another question..
if i want to execute an action when the ok button is cliked how can i do it?
whe i add a button(widget) i know how to handle it. please see my code.
// Call the base class Update function so that default behavior will still occur (OK and Cancel buttons, etc.).
CDialogObserver::Update(theChange, theSubject, protocol, changedBy);
do
InterfacePtr<IControlView> controlView(theSubject, UseDefaultIID());
ASSERT(controlView);
if(!controlView) {
break;
// Get the button ID from the view.
WidgetID theSelectedWidget = controlView->GetWidgetID();
if (theChange == kTrueStateMessage)
//if (theSelectedWidget == kEXTCODGoButtonWidgetID
switch(theSelectedWidget.Get())
         case kEXTCODGoButtonWidgetID:
this->ViewOutput();
break;
         case kEXTCODFindButtonWidgetID:
this->SaveLog();
break;
// TODO: process this
} while (kFalse);
I do two actions "SaveLog" & "ViewOutput()" using two buttons. But i dont know how to execute an action when the ok button is clicked...

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.

How can I convert external CSS to all be defined in page?

I need to move all CSS to be defined in the head of the page. Is there an easy way to do this with DWCC?

In the external file, hit Ctrl + A to select all, then Ctrl + C to copy it to your clipboard. Add a <style> </style> tagset to your <head> section and hit Ctrl + P to paste it between them. I Know DW can externalize css, but I don't think there's a function to go the other way.
Generally speaking, it's far better to use an external css file than it is to use embedded css though. Is there any particular reason you want to move it all?

The correct way to add a second CSS file

Running Creator 2U1 on Windows XP
What is the correct way to add a second CSS file to the project?
here is a section of the Page1.JSP file:
<ui:head binding="#{Page1.head1}" id="head1">
<ui:link binding="#{Page1.link1}" id="link1" media="all" url="/resources/stylesheet.css"/>
</ui:head>
simply duplicating the line as such crashes the application:
<ui:head binding="#{Page1.head1}" id="head1">
<ui:link binding="#{Page1.link2}" id="link2" media="print" url="/resources/print.css"/>
</ui:head>
How to do it??
Thanks

The method provided does bring the css file into the current environment
However, I need to actually have the pages use the information within the stylesheet
I guess I need to know how to get the css entry into the JSP page
As noted earlier, simply including the (second not counting the master) css file into project and duplicating the "stylesheet.css entry (changing the link1 to link2) causes the application to fail on the "link2" entry
can anyone help me here..
Thanks

How to load images from css file in JavaFX 8

I have this css file which loads images in JavaFX 8 application:
#pill-left {
    -fx-padding: 5;
     -fx-border-image-source: url("/com/dx57dc/images/left-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
    -fx-border-image-repeat: stretch;
     -fx-background-color: null !important;
#pill-left:selected { -fx-border-image-source: url("/com/dx57dc/images/left-btn-selected.png"); }
#pill-left .label {
    -fx-text-fill: #d3d3d3;
    -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-left:selected .label {
    /* -fx-text-fill: black; */
    -fx-text-fill: white;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
#pill-center {
    -fx-padding: 5;
     -fx-border-image-source: url("/com/dx57dc/images/center-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
    -fx-border-image-repeat: stretch;
     -fx-background-color: null !important;
#pill-center:selected { -fx-border-image-source: url("/com/dx57dc/images/center-btn-selected.png"); }
#pill-center .label {
    -fx-text-fill: #d3d3d3;
     -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-center:selected .label {
    -fx-text-fill: black;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
#pill-right {
    -fx-padding: 5;
    -fx-border-image-source: url("/com/dx57dc/images/right-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
     -fx-border-image-repeat: stretch;
    -fx-background-color: null !important;
#pill-right:selected { -fx-border-image-source: url("/com/dx57dc/images/right-btn-selected.png"); }
#pill-right .label {
     -fx-text-fill: #d3d3d3;
    -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-right:selected .label {
    -fx-text-fill: black;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
The images are located at the Java package com.dx57dc.images
In Java 7_25 this code works as expected but in JavaFX 8 b99 I get this error:
ava.lang.NullPointerException
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1129)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.sg.prism.NGGroup.renderChildren(NGGroup.java:233)
at com.sun.javafx.sg.prism.NGGroup.renderContent(NGGroup.java:199)
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1249)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.sg.prism.NGGroup.renderChildren(NGGroup.java:233)
at com.sun.javafx.sg.prism.NGGroup.renderContent(NGGroup.java:199)
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1249)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.tk.quantum.ViewPainter.doPaint(ViewPainter.java:99)
at com.sun.javafx.tk.quantum.AbstractPainter.paintImpl(AbstractPainter.java:210)
at com.sun.javafx.tk.quantum.PresentingPainter.run(PresentingPainter.java:95)
at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:471)
at java.util.concurrent.FutureTask.runAndReset(FutureTask.java:304)
at com.sun.javafx.tk.RenderJob.run(RenderJob.java:58)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615)
at com.sun.javafx.tk.quantum.QuantumRenderer$PipelineRunnable.run(QuantumRenderer.java:129)
at java.lang.Thread.run(Thread.java:724)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
What is the proper way to load images from css in Java 8?
Ref
How to load images from css file in JavaFX 8 - Stack Overflow

There is nothing special to do - you execute the statement from your program just like any other SQL statement. The only thing to be aware of are the privilege/permission issues:
When loading from a file on a client computer:
READ CLIENT FILE privilege is also required for the database user.
Read privileges are required on the directory being read from.
The allow_read_client_file database option must be enabled.
The read_client_file secure feature must be enabled.
Revoking these privileges is also the only way you can prevent a user from executing the statement.

How to add the mail.jar file to my CLASSPATH ?

Hi;
I wish to Instal JavaMail 1.2
To use the JavaMail 1.2 API, i unbundle the javamail-1_3_1-upd.zip file.....and now, i would like to add the mail.jar file to your CLASSPATH.
My question is: how do you do this ?
- ok i did that for CATALINA_HOME & JAVA_HOME but how to add the mail.jar file to my CLASSPATH ??
1000 thanks.

I think you're looking for "developer support", not packaged application support. different server, different batch of groups. . .
Since I have very little contact with devopers, I don't truly know.

How to add other 2 control files at ASM in linux RAC

Hi Experts,
I am new for RAC .
the vendor build a RAC for us. I found there are only one control file in system.
we use oracle 10.2.0.4 at ASM with RAC in redhat linux 5.
how to add 2 additional control file to ASM for RAC ?
Please provide a procedur in detail.
Thanks
Jim

Hi damorgan & Friends,
I could not find some infomration to add control into ASM . I can do this job( see below procedure) in no ASM .
My question, our database locates at ASM and control file with a system auto-number ( fully qualified filename ) as
+DATA1/SALE/controlfile/current.256.690290159
How do I physical copy and rename other 2 contril file in directory and modify location in pfile?
I saw some paper to use request as an alias (such as +dgroup2/control/ctl.f). i can not image to copy/rename control.
Please help me!!
Thanks
Jim
========added control file for no ASM database and works=====================
1)
SQL> create pfile from spfile;
File created.
2)
SQL> show parameter control_file
NAME TYPE VALUE
control_file_record_keep_time integer 7
control_files string C:\ORADATA\ORCL\CONTROL01.CTL
3)
SQL> shutdown immediate
Database closed.
Database dismounted.
ORACLE instance shut down.
4) modify pfile add additional control file2/3 as
control_files='C:\Oradata\ORCL\control01.ctl','C:\Oradata\ORCL\control02.ctl','C:\Oradata\ORCL\control03.ctl'
and physical copy control01.ctl and raname as control02.ctl,control03.ctl
5)
SQL> startup pfile='C:\oracle\product\10.2.0\db_2\database\initORCL.ora';
ORACLE instance started.
Total System Global Area 167772160 bytes
Fixed Size 1247900 bytes
Variable Size 62915940 bytes
Database Buffers 100663296 bytes
Redo Buffers 2945024 bytes
Database mounted.
Database opened.er database mount;
6)
SQL> Create spfile from pfile='C:\oracle\product\10.2.0\db_2\database\initORCL.ora';
File created.
7) check control file info under pfile environment
SQL> show parameter control_file
NAME TYPE VALUE
control_file_record_keep_time integer 7
control_files string C:\ORADATA\ORCL\CONTROL01.CTL,
C:\ORADATA\ORCL\CONTROL02.CTL
, C:\ORADATA\ORCL\CONTROL03.CT
L
8)SQL> shutdown immediate
Database closed.
Database dismounted.
ORACLE instance shut down.
9) startup as spfile environment.
SQL> startup
ORACLE instance started.
Total System Global Area 167772160 bytes
Fixed Size 1247900 bytes
Variable Size 62915940 bytes
Database Buffers 100663296 bytes
Redo Buffers 2945024 bytes
Database mounted.
Database opened.
10) check control info for spfile environment
SQL> show parameter spfile
NAME TYPE VALUE
spfile string C:\ORACLE\PRODUCT\10.2.0\DB_2\
DATABASE\SPFILEORCL.ORA
SQL> show parameter control_file
NAME TYPE VALUE
control_file_record_keep_time integer 7
control_files string C:\ORADATA\ORCL\CONTROL01.CTL,
C:\ORADATA\ORCL\CONTROL02.CTL
, C:\ORADATA\ORCL\CONTROL03.CT
L

How may load an external (html) file in swf? Anyone!!!!!

hi all,
How may load an external html file in swf? such as google.com in a movieclip.
anyone may help me.........????????

With Flash, you can't do this.
Just with FlashBuilder and Air (something like HTMLLoader , not sure now)
I mean loading in a movieclip..
Of course you can open a page to display in a browser.

How to add list of multiple file types to file type of file dialog box in LabVIEW

How to add list of multiple file types to file type of file dialog box in LabVIEW?
In file dialog box there is option to add only one file type,in the list,not by seperating commas,
regards,
Naresh.N

Write the file types in pattern Input string, separated by a semicolon ;
For example: *.vi;*.doc;*.jpeg;*.xls
This should return the set of files with matching extensions
Message Edited by devchander on 09-10-2008 08:02 AM
Message Edited by devchander on 09-10-2008 08:03 AM

How to add an external CSS file in master page

Similar Messages

Maybe you are looking for