As the most fundamental rule you should always remember: Use the Context Menu. Whenever you are looking for a suitable function for what you are just doing, try to position the mouse cursor over the object in suspect and click right mouse button.
Basically, creating an article is very simple: You enter the body text in the text area, perform some editing tasks such as marking text strings as underscored, bold etc., insert tables, add images and links. You may enter native HTML-code, though this should not be neccessary in many cases. E.g. if you want to have a sentence displayed in bold, you just type the text into the text-area, then mark (select) the text with the mouse and finally click on the <B> in the formatting bar. The same applies to underscoring, italics and entering a table structure.
Finally you press on the 'Create'-button. If you have the 'Upload'-checkbox checked, then the article ist uploaded to the server immediately, where you may inspect it and see what it looks like.
In the second step you may perform any modification to the article, then press on the 'Update'-button.
Writing the Body Text of an Article is again very simple. You start by invoking the context menu over the body text area, select 'New Article'.
In addition to the pure body text you must enter a headline for the article, optionally an overhead text
and an underhead text. The font styles for all these types of text are defined internally by default,
but you may specify your own font properties by using the Format-tool
From the File Selection Box you drag-and-drop any image-file (e.g. jpg) into your body text, right at where you want to have the image displayed. That means, you must position your mouse cursor at the desired position before you perform the drag-and-drop-operation.
From the File Selection Box you drag-and-drop any image-file (e.g. jpg) onto the "Drag-drop-here"-button. As a result a dialog window appears, where you may specify some properties such as the alignment of the thumbnail (left / right), the size of the thumbnail, the underline text and some more.
Again, you must position your mouse cursor at the desired position before you perform the drag-and-drop-operation.
Following these instructions will result in an icon placed in your article having two links:
This is performed in three steps:
Put in short:
|A dialog-window appears where you specify a galery-title and short description and where you should check the 'upload'-checkboxes.|
An image-bar is a rectangular area of thumbnails which may be clicked upon to show the full image.
At first you must start PMView and open the directory of the images that you want to have in the image-bar.
Then, back to phpGUI, position the mouse cursor at the point in the article where to put the image-bar. Then invoke the context-menu, select 'Create Image-Bar'.
A dialog appears, showing some entry-fields and a large multiline-edit field. Into this multiline-edit field you must drag-and-drop the images - one by one - from the Open-dialog of PMView. You may drag as many images as you like, but due to the limited space in the article a number of 4 - 6 is recommended.
After having dropped all images you must specify: Orientation (horizontal or vertical) and the total-size of the image-bar (width resp. height).
Finally click 'Generate'. This function guarantees, that each of the thumbnail images ('tiles' in the image-bar)
have the same height (in the case of horizontal orientation) or same width (in the case of vertical orientation),
while all thumbnail images fit into the given total-size of the image-bar.
The object you want to use as a link-target is in most cases a html-file in your directory. Mark any text portion and drag the file from the File-Selection-Box (at the right side of the text-area) onto the Auxwin-icon.
Creating a link to any foreign URL by means of an Image-Box
You may want to combine an Image-Box (as described here)
with a link to any ordinary link-target (URL), instead of resulting the click in enlarging the Image in a new window.
This is performed in a semi-automatic way:
First, you create an Image-Box as described above.
Then you must edit the resulting "Special-Tag" (the text which is enclosed in <#- ... -#>:
Append to the image-name an "#" followed by the link-Target, without any spaces!
<#- Type=SingImg 0, StartBut.jpg#http://myguitar.zworks.de/main.php?C=7&V=V2 x#y auto,40 V2#6## margs:10,0,6,4 any descriptive text B -#> added manually ......= >
|Option:||Selected Text |
|Adding a Table||-no-|
|Creating a Table from CSV-Data||-yes-|
|Creating a Contents-List (List of Topics)||-yes-|
As a result a dialog-window pops up to let you specify the dimensions of the table (number of rows and columns).
After clicking the 'OK'-button an empty table-structure in HTML-notation is created, where you now must fill in the
cells (between <td> and </td>-tags):
Let's presume you have a bunch of 'dataxy'-data and want to present it as a HTML-table: Now mark the lines (select them with your mouse) and click on the table-icon. Immediately a HTML-table-structure is created. You may edit this
HTML-code any way you want, e.g. you may want to have a border around the table: Edit the line: into: resulting in this table:
Creating a Table from CSV-Data
This is best explained by showing an example:
Note: You may alternatively use TAB-characters ("09"x) as a field-separator. That means:
If in the first line a TAB-character is found, then the program assumes this to be the field-separator (delimiter).
<table border=0 cellpadding=2 cellspacing=4 width='100%'>
<table border=1 cellpadding=2 cellspacing=4 width='100%'>
Let's presume you have a bunch of 'dataxy'-data and want to present it as a HTML-table:
Now mark the lines (select them with your mouse) and click on the table-icon. Immediately a HTML-table-structure is created. You may edit this HTML-code any way you want, e.g. you may want to have a border around the table:
Edit the line:
resulting in this table:
Proceed as follows:
|Click on the Topics-icon|
You must not modify the embracing meta-text lines around your topic-lines. However,
you may add new lines or rearrange them, but in any of these cases you must keep the
appropriate section-headers updated accordingly resp. add new ones.