mirror of
https://gitlab.com/openlp/documentation.git
synced 2024-12-22 20:42:48 +00:00
390 lines
10 KiB
ReStructuredText
390 lines
10 KiB
ReStructuredText
.. _print_service:
|
|
|
|
=============
|
|
Print Service
|
|
=============
|
|
|
|
OpenLP provides the ability to print the service order. This can be useful for
|
|
a variety of reasons, such as giving the printed service to your music team so
|
|
they have the song order, or so pastors or speakers can have the flow of the
|
|
service.
|
|
|
|
To print your service go to :menuselection:`File --> Print Service` or press
|
|
:kbd:`Control + P`.
|
|
|
|
.. image:: pics/printservice1.png
|
|
|
|
This will bring up a window with the service order for review and printing.
|
|
|
|
.. image:: pics/printservice2.png
|
|
|
|
Toolbar
|
|
-------
|
|
|
|
|printbutton| **Print:**
|
|
This will print the service bringing up the system's print options. Use
|
|
this when you are ready to print.
|
|
|
|
|optionbutton| **Options:**
|
|
This gives you a series of ways to customize the service order before
|
|
printing. See the section on :ref:`options` for more information.
|
|
|
|
|copybutton| **Copy:**
|
|
Copy the text of the preview window to your clipboard. You can then paste the
|
|
text into other documents or applications.
|
|
|
|
|copybutton| **Copy HTML:**
|
|
Copy html code to your clipboard. You can then paste this in a text editor
|
|
and save as .html. This can then be used to post your service details on a
|
|
website or anywhere an html document can be used.
|
|
|
|
|zoomin| **Zoom in:**
|
|
Zooms in on your preview.
|
|
|
|
|zoomout| **Zoom out:**
|
|
Zooms out to make more of your preview visible.
|
|
|
|
|zoomoriginal| **Zoom to original:**
|
|
Restores the preview to its original size.
|
|
|
|
.. _options:
|
|
|
|
Options
|
|
-------
|
|
|
|
.. image:: pics/printservice3.png
|
|
|
|
**Title:**
|
|
Gives you the ability to change the title of the printed document.
|
|
|
|
**Custom Footer Text:**
|
|
Add text to the footer of the printed document.
|
|
|
|
**Other Options**
|
|
|
|
**Include slide text if available:**
|
|
Check this to include all the text from songs or scripture.
|
|
|
|
**Add page break before each text item:**
|
|
If you have checked *include slide text if available* you can select this
|
|
option to put each text item (songs, custom slides, scripture) on a
|
|
separate page.
|
|
|
|
**Include service item notes:**
|
|
This option will include any notes you have added to the service items.
|
|
|
|
**Include play length of media items:**
|
|
This option will print the length of media items in the service.
|
|
|
|
.. _advanced:
|
|
|
|
Customizing with CSS (Advanced)
|
|
-------------------------------
|
|
|
|
It is possible to customize the printed service using CSS. To do this go to
|
|
:menuselection:`Tools --> Open Data Folder` If you have a file named
|
|
servicePrint.css delete it.
|
|
|
|
Locate the folder in the Data Folder named serviceprint.
|
|
If you do not have a serviceprint folder in your Data folder, you will need
|
|
to create a new folder named serviceprint in the Data folder.
|
|
|
|
Create a file named service_print.css in the serviceprint folder and paste
|
|
the following into service_print.css then make your changes to this file::
|
|
|
|
/*
|
|
Edit this service_print.css file to customize the service order print.
|
|
Note, that not all CSS properties are supported.
|
|
Please see https://doc.qt.io/qt-5/stylesheet-reference.html for details
|
|
concerning the supported properties.
|
|
*/
|
|
|
|
.serviceTitle {
|
|
font-weight:600;
|
|
font-size:x-large;
|
|
color:black;
|
|
}
|
|
|
|
.item {
|
|
color:black;
|
|
}
|
|
|
|
.itemTitle {
|
|
font-weight:600;
|
|
font-size:large;
|
|
}
|
|
|
|
.itemText {}
|
|
|
|
.itemFooter {
|
|
font-size:8px;
|
|
}
|
|
|
|
.itemNotes {}
|
|
|
|
.itemNotesTitle {
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
|
|
.itemNotesText {
|
|
font-size:11px;
|
|
}
|
|
|
|
.media {}
|
|
|
|
.mediaTitle {
|
|
font-weight:bold;
|
|
font-size:11px;
|
|
}
|
|
|
|
.mediaText {}
|
|
|
|
.imageList {}
|
|
|
|
.customNotes {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.customNotesTitle {
|
|
font-weight:bold;
|
|
font-size:11px;
|
|
}
|
|
|
|
.customNotesText {
|
|
font-size:11px;
|
|
}
|
|
|
|
.newPage {
|
|
page-break-before:always;
|
|
}
|
|
|
|
|
|
The HTML layout should look something like this::
|
|
|
|
<html>
|
|
<head>
|
|
<title>Service Order Sheet</title>
|
|
</head>
|
|
<body>
|
|
<h1 class="serviceTitle">Service Order Sheet</h1>
|
|
<div class="item">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_songs.png">
|
|
<span> Amazing Grace</span>
|
|
</h2>
|
|
<div class="itemText">
|
|
<p>Amazing grace how sweet the sound that saved a wretch like me<br>
|
|
I once was lost but now I'm found, was blind but now I see.</p>
|
|
</div>
|
|
<div class="itemText">
|
|
<p>Twas grace that taught my heart to fear, and grace my fears relieved<br>
|
|
How precious did that grace appear the hour I first believed!</p>
|
|
</div>
|
|
<div class="itemFooter">
|
|
John Newton<br>
|
|
1982 Jubilate Hymns Limited
|
|
</div>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Song Notes<br>
|
|
More Notes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item newPage">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_songs.png">
|
|
<span> And Can It Be</span>
|
|
</h2>
|
|
<div class="itemText">
|
|
<p>And can be that I should gain,<br>
|
|
an interest in my Savior's blood?<br>
|
|
Died He for me, who caused His pain?<br>
|
|
For me, who Him to death pursued?<br>
|
|
Amazing love, how can it be<br>
|
|
That thou my Lord should die for me?</p>
|
|
</div>
|
|
<div class="itemText">
|
|
<p>Amazing love, how can it be<br>
|
|
That thou my God should die for me?</p>
|
|
</div>
|
|
<div class="itemFooter">
|
|
Lindell Cooley<br>
|
|
Public Domain
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_media.png">
|
|
<span> Wildlife.wmv</span>
|
|
</h2>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Movie Notes</span>
|
|
</div>
|
|
<div class="media">
|
|
<span class="mediaTitle">Playing time:</span>
|
|
<span class="mediaText">0:00:00</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item newPage">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_bibles.png">
|
|
<span> John 3:16-17 (ASV)</span>
|
|
</h2>
|
|
<div class="itemText">
|
|
<p><sup>3:16</sup> For God so loved the world, that he gave his only begotten Son, that whosoever believeth on him should not perish, but have eternal life.</p>
|
|
</div>
|
|
<div class="itemText">
|
|
<p><sup>3:17</sup> For God sent not the Son into the world to judge the world; but that the world should be saved through him.</p>
|
|
</div>
|
|
<div class="itemFooter">
|
|
ASV, Copyright, Permissions
|
|
</div>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Bible reading notes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_images.png">
|
|
<span> Images</span>
|
|
</h2>
|
|
<ol class="imageList">
|
|
<li>Winter.jpg</li>
|
|
<li>Sunset.jpg</li>
|
|
</ol>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Image notes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item newPage">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_custom.png">
|
|
<span> Lord's Prayer Traditional</span>
|
|
</h2>
|
|
<div class="itemText">
|
|
<p>Our Father,<br>
|
|
who art in heaven,<br>
|
|
hallowed be thy name.<br>
|
|
Thy Kingdom come,<br>
|
|
thy will be done,<br>
|
|
on earth as it is in heaven</p>
|
|
</div>
|
|
<div class="itemText">
|
|
<p>Give us this day our daily bread.<br>
|
|
And forgive us our trespasses,<br>
|
|
as we forgive those<br>
|
|
who trespass against us.<br>
|
|
And lead us not into temptation,<br>
|
|
but deliver us from evil.<br>
|
|
For thine is the kingdom,<br>
|
|
the power and the glory,<br>
|
|
for ever and ever. Amen</p>
|
|
</div>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Custom Item Notes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<h2 class="itemTitle">
|
|
<img src=":/plugins/plugin_presentations.png">
|
|
<span> Sermon Presentation.pptx</span>
|
|
</h2>
|
|
<div class="itemNotes">
|
|
<span class="itemNotesTitle">Notes:</span>
|
|
<span class="itemNotesText">Presentation notes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="customNotes">
|
|
<span class="customNotesTitle">Custom Service Notes:</span>
|
|
<span class="customNotesText">Custom Footer Text Goes here like this</span>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
Edit the CSS file to produce the required style.
|
|
|
|
**Note:** Not all CSS properties are supported. See
|
|
`Qt5 CSS subset <https://doc.qt.io/qt-5/stylesheet-reference.html>`_
|
|
for more information.
|
|
|
|
**Example 1:** Item titles with notes on right hand side.
|
|
|
|
This service_print.css assumes the slide text will not be included.::
|
|
|
|
.itemTitle {
|
|
font-weight:bold;
|
|
font-size:large;
|
|
margin: 0px;
|
|
}
|
|
.itemNotes {
|
|
margin-left: 300px;
|
|
margin-top: 0px;
|
|
}
|
|
.itemNotesTitle {
|
|
font-weight:bold;
|
|
}
|
|
|
|
**Example 2:** Bold Item Names and increase Font Size to 24 point for the Item Title and Item Text.
|
|
|
|
For this example, update the following sections of the original CSS file::
|
|
|
|
.itemTitle {
|
|
font-weight:bold;
|
|
font-size:24pt;
|
|
margin: 0px;
|
|
}
|
|
.itemText {
|
|
font-size:24pt;
|
|
}
|
|
|
|
**Transfering with Your style changes for editing**
|
|
|
|
After modifying the .css file, the copy button will not capture the output with the
|
|
changes made to the .css file. The Print function will print with the changes in
|
|
the .css file and the Copy as HTML button will capture the output with the changes
|
|
made to the .css file.
|
|
|
|
If you need to edit the output of the service print window here is a workaround that will produce
|
|
a copy of your .css changes for use in your word processer.
|
|
|
|
1. Open the service print window.
|
|
2. Make any needed changes in the options menu.
|
|
3. Select the 'Copy as HTML' button.
|
|
4. Open a text editor.
|
|
5. Paste the copied text into the text editor.
|
|
6. Save the file from the text editor with the .html file extension.
|
|
7. Open the file you saved in your web browser.
|
|
8. Select and Copy the text in the web browser.
|
|
9. Open your word processor.
|
|
10. Paste the copied text into your word processor.
|
|
|
|
Note: If the first line in your word processor is not what is shown in your web browser,
|
|
try a different web browser. Some web browsers will not copy the formating for the first
|
|
line of text in the browser window.
|
|
|
|
.. The following section defines the inline pics
|
|
|
|
.. |printbutton| image:: pics/general_print.png
|
|
|
|
.. |optionbutton| image:: pics/system_configure.png
|
|
|
|
.. |copybutton| image:: pics/system_edit_copy.png
|
|
|
|
.. |zoomout| image:: pics/general_zoom_out.png
|
|
|
|
.. |zoomin| image:: pics/general_zoom_in.png
|
|
|
|
.. |zoomoriginal| image:: pics/general_zoom_original.png
|