SSuite Office Software - Pure Visual Simplicity(TM)

User's Guide for Creating Great Documents...

Index of Contents...

Index of Contents...

Making a Quick Start...

Getting started and finding your way...To start creating a document, simply open the editor, click on the "Formatting" dropdown menu ( top left ) and select the "Paragraph < P >" option. This will allow you to create a normal document without any width. This will then fit any screen in full width. Now you may start typing and use all the features as normal.

Image inserted by SSuite Office Fandango Desktop Editor
Please Note - We have added "Google Fonts" to all our applications. Simply click on the "Enable Google Fonts" option at the bottom of the "Formatting" drop down menu, to activate and display the fonts, if you need to incorporate these fonts in your document. In Scaramouche Touch you just need to click on the "Google" button to enable the fonts.


Relevant to Fandango and Blue-Velvet Only...

If you need to create a document with a fixed page width like a desktop editor, either scroll down to the relevant section or click on the following link "Page View" for more information about this topic.

Please Take Note - Scaramouche Touch will automatically save all your documents to a standard desktop page size in width e.g. A4 or letter ONLY!

If you require a larger page width than an A4 or letter in size, then please use one of the other two editors instead. They can accommodate any page size or screen width.


What's wrong with the Paste button?

What is wrong with the Paste button?I regret to inform you that the Paste button will never, ever be allowed to work again. Due to the attempts of hackers and cyber criminals, they have used the clipboard to submit malware and other types of viruses through it. All web browsers limit or block any attempt of access to the clipboard. My apologies for the inconvenience... Image inserted by SSuite Office Fandango Desktop Editor


Image inserted by SSuite Office Fandango Desktop EditorThe best way to paste content from the clipboard is to use the keyboard short-cut "Ctrl + V" or through the built-in shortcut popup menu.


Quick Word Search and Paragraph Translations

We have added a couple of new features to all our online word processors and text editors.


Image inserted by SSuite Office Fandango Desktop Editor

You are now able to do a web search for any distinct word or phrase just by selecting each and then clicking on the web search button on the left hand side of the editor. A centered popup window will open and the results will then be presented to you by our Groot search engine.


Image inserted by SSuite Office Fandango Desktop EditorThe second feature is the quick translation of either a word, paragraph, or document just by selecting the text and then clicking on the translation button on the left hand side of the editor. A centered popup window will open thereafter and your text will then be automatically translated to any language you desire.



How to use Google's fonts in your documents...

We have added a new "Google Fonts" selection to our word processors. Simply click on the "Enable Google Fonts" option under the "Formatting" drop down menu and make your selection. Google font needs to be enabled every time you start a new document. When opening a document in which you have used Google fonts, it is not necessary to enable it again, as the fonts are embedded in your document.

If you need to use a Google font that is not listed, Well, the first step is navigate to Google Fonts and select your favourite font from their extensive list. When you have found your font, select it and then choose the @IMPORT option to get the following code:

Image inserted by SSuite Office Fandango Desktop Editor

Now simply click on the editor's [Show HTML] checkbox to view the internal HTML code of your document.

Add the above code to the top of your document. Also remember to add the font name to your documents [DIV] style as seen in the below screenshot. Simply add the font name to the front of the font list inside the [Style] declaration, this is done so that when the font cannot be downloaded from Google, the next font will then be used as backup, and so on...

Image inserted by SSuite Office Fandango Desktop Editor

Your whole document will now conform to the font that you have chosen. If you need to change any other aspect or HTML element of your document, simply add that element to the style list:

< style >
@import url('https://fonts.googleapis.com/css?family=Roboto:400:700&display=swap');
#PageDiv p, #PageDiv h1, #PageDiv h2, #PageDiv ul { font-family: 'Roboto', sans-serif; }
< /style >

Make all elements inside the #PageDiv section have the same font:

< style >
@import url('https://fonts.googleapis.com/css?family=Roboto:400:700&display=swap');
#PageDiv * { font-family: Roboto, Arial, Helvetica, sans-serif; }    
< /style >


Comparing HTML Font size to Desktop Font Size

Size 1 - 8pt
Size 2 - 10pt
Size 3 - 12pt
Size 4 - 14pt
Size 5 - 18pt
Size 6 - 24pt
Size 7 - 36pt

1 - Very Small - 8pt
2 - A Bit Small - 10pt
3 - Normal Size - 12pt
4 - Medium Large - 14pt
5 - Big - 18pt
6 - Very Big - 24pt
7 - Maximum - 36pt



The New [Dark Mode] Setting

For those with sensitive eyes or people just working late at night, we now have a solution for your screen brightness problem, the [Dark Mode] setting...

On the main web page of our online PWA Office Suite, you will find the main toggle switch on the top right of the page. Just click on the toggle switch to activate [Dark Mode].

On every application page the setting can be found on the bottom left of your screen.



How to use some of the more advanced features

Embedding images into documents

We've added this feature to help make creating HTML documents become more static and standalone without any internet links or dependencies. There are a good few options in this feature. As most people know, aligning images with text can be very tricky, but not with our editors.

Available alignment options found:

  1. Left align the image and wrap the text around it to the right.   Image inserted by SSuite Office Fandango Desktop Editor
  2. Insert the image normally with no wrapping text around it.   Image inserted by SSuite Office Fandango Desktop Editor
  3. Center align the image with the text in a linear manner.   Image inserted by SSuite Office Fandango Desktop Editor
  4. Right align the image and wrap the text around it to the left.   Image inserted by SSuite Office Fandango Desktop Editor

Image inserted by SSuite Office Fandango Desktop Editor

Documents created with embedded images and objects are much easier to exchange and collaborate on as they are completely standalone and don't need to link to the internet. To be able to embed an image it needs to be on your local hard drive.

It does not help to copy and paste an image from the internet, as this only creates a link back to the original web page where the image is to be found.

The following images are supported as they are the most widely used e.g. PNG, Single GIF/Animated GIF, and JPEG/JPG. In Internet Explorer 8, images that have been embedded that are larger than 32KB are not displayed, but a placeholder is shown instead.


Saving a document

When saving a document, you can either add your own extension *.htm or *.html to your document name at the end, or the editor will add it automatically. The "Save" dialog accepts either as with desktop based software.

Image inserted by SSuite Office Fandango Desktop Editor

Remember to set the [Downloads] option in your web browser to always ask you where to save your documents. If not, then your documents will be saved to your default download folder.


Creating the illusion of a desktop page based document

Image inserted by SSuite Office Fandango Desktop Editor

To start using this feature, just hover over or click on the Image inserted by SSuite Office Fandango Desktop Editor icon on the bottom toolbar.

Image inserted by SSuite Office Fandango Desktop EditorIn the dropdown menu you will see six options, the first three options as seen in the image, will insert a clear and center aligned page. From these options you may select what size of page you want to work with. The first option is a standard page size in width e.g. A4 or letter...


After selecting one of the first three options [Page DIV View], just start typing your document, it is not necessary to set your text to a [Paragraph]. This has been done automatically, all subsequent paragraphs will be set to the same attribute.

Image inserted by SSuite Office Fandango Desktop Editor

The last three options will insert a center aligned table page with a very faint silver borderline in the middle of the screen. You may also select what size of page you want to work with. The first option will set your document to A4 or letter size in width.

Now just simply give this table focus by clicking inside it with the mouse cursor or move the cursor to the inside of the table with the direction keys. This action will focus the table and you will now be ready to create a page-like document that is always center aligned on the screen.



Adding emoticons to your documents in Windows 10

To add or insert an emoticon into your document when using Windows 10 is very simple; just press the following two key combinations: Image inserted by SSuite Office Fandango Desktop Editor "Windows Key" + "." ( period key ) or ";" ( semicolon key )

Image inserted by SSuite Office Fandango Desktop Editor


Basic but very handy keyboard shortcuts

(Note that on a Mac you may need to substitute Cmd for Ctrl.)

Image inserted by SSuite Office Fandango Desktop Editor

Simple Text Formatting

  1. Ctrl+B
    Make text bold from this point on.

  2. Ctrl+I
    Make text italic from this point on.

  3. Ctrl+U
    Underline text from this point on.

Moving the Cursor

Ctrl+
Move cursor to next word

Ctrl+
Move cursor to previous word

Ctrl+
Scroll text area up (only works in some apps)

Ctrl+
Scroll text area down (only works in some apps)

End
Move cursor to end of line

Home
Move cursor to start of line

Ctrl+Home
Move cursor to beginning of text

Ctrl+End
Move cursor to end of text

Cut, Paste, and Undo

Ctrl+X, or Shift+Del
Cut selected text

Ctrl+C, or Ctrl+Ins
Copy selected text

Ctrl+V, or Shift+Ins
Paste selected text

Ctrl+Z
Undo last edit

Ctrl+Y
Redo last edit

Deleting Text

Ctrl+Del
Delete forward to word break

Ctrl+Backspace
Delete back to word break

Selecting Text

Ctrl+A
Select all text

Shift+
Extend selection one character to the right

Shift+
Extend selection one character to the left

Shift+
Extend selection down one line

Shift+
Extend selection up one line

Shift+Home
Extend selection to beginning of line

Shift+End
Extend selection to end of line

Shift+Ctrl+
Extend selection to next word break

Shift+Ctrl+
Extend selection to previous word break

Shift+Ctrl+
Extend selection to below paragraph

Shift+Ctrl+
Extend selection to above paragraph

Shift+Ctrl+Home
Extend selection to top of text

Shift+Ctrl+End
Extend selection to bottom of text

Navigation

Tab
Move to next input area on form

Shift+Tab
Move to previous input area on form



Fandango Desktop and its Document History...

Our latest and greatest feature, the Document History list. We are the first in the world to bring you this feature to an online PWA.Our latest update to our great word processor is the ability to auto save documents to your browser's local memory. This is done by using the localStorage function most browsers possess. The maximum available memory is 5.1MB per web page or application page.

This means that if you add five documents(maximum allowed) to the history list, they must all together not exceed 5.1MB. So when creating documents, try to keep their size to no more than 1MB. That's because we also require an additional memory space equal to the file's size for the editor itself. Files larger than 2MB will not be allowed to be loaded into the word processor.


If you have large files or need to create or edit files larger than 1MB, may I suggest to use either Scaramouche or Blue-Velvet. These two applications have a maximum document size of 5.1MB each.


Image inserted by SSuite Office Fandango Desktop EditorYour documents will only be added to the "Document History" list when you open and load them from your physical hard drive or memory device through the "Open File" dialog. There after you may access them directly from the "Document History" list at any time.

One more thing to keep in mind when loading files into the list is that they are kept in your web browser's cache history. Any changes to your document will automatically be saved to your browser's cache history but not to the physical document file on your local hard drive or memory device. If you clear your browser's history, you will also delete all your saved documents in Fandango!

This is due to the fact that ALL web browsers don't allow any direct access to your computer device's local file system. (you may thank those freak-en hackers for that!) If you regularly clear your browsing history, please remember to also save your documents back to your local hard drive or memory device for safe keeping.

For as long as your browsing history stays intact, your documents will stay permanently available every time you open up the word processor... isn't that just great!!

If you decide to clear the "Document History", this action will wipe the list and the local storage that was used to archive the documents. Your documents will all be gone from your browser's cache history.


New Update - Adjusting Local Storage Quotas:

Opera
Doesn't actually requires adjusting. You can however change the default storage size at which Opera will propose increasing the limit. It is defined by [Domain Quota For localStorage] option. It's value is in kilobytes.

Firefox
Image inserted by SSuite Office Fandango Desktop EditorGo to [about:config] and search for the [dom.storage.default_quota] option...
It's value is in kilobytes - 5120Kb = 5.1MB. Change to whatever size you need.

There's no way to adjust storage quotas for [Chrome / Edge / Safari / IE] at this time.




Image inserted by SSuite Office Fandango Desktop EditorIf you need to print a document that has been created with this feature (Page Div - Normal), make sure to set All your printer margins to 0.1" or 3mm, as the document page is already correctly configured to fit on an A4 page. If you don't, the document will become very squashed and formatting will be changed to fit a much smaller page size, and nobody wants that to happen, right?


Inserting custom HTML code

Image inserted by SSuite Office Fandango Desktop Editor

This feature is very handy for those people who are knowledgeable of HTML coding. This will also come in handy if you need to add or insert something that is as yet not supported by our application, or just something more custom to your liking.


Click on this toolbar icon to insert your custom HTML code "Image inserted by SSuite Office Fandango Desktop Editor"



How to update our online applications to the latest version...

Image inserted by SSuite Office Fandango Desktop Editor

To update any one of our online web applications, you simply need to clear your browser's history or cache. Please make sure to save your documents that are listed in the "Document History" list first, if you have any saved. Otherwise you will loose them permanently.

Method 1 - If you have installed any of our online web apps to your desktop to be run natively offline, the procedure is exactly the same. Just clear your browser cache, reconnect to the internet, and run the desktop application again. All done!

Method 2 - Here is a quick alternative method if you have installed the app to your desktop, simply uninstall the application and select "Also clear app data from browser" on the uninstall window dialog, and then reinstall the app afterwards.




Need to add more advanced elements to your document?

You may find more information on HTML, CSS, and even Javascript at the following web site...

W3Schools.com is one of the top and best places to learn more on how to add, edit, and create better HTML web pages or documents.




The online / offline nature of our applications

Most online productivity applications are hidden behind login prompts and firewalls with the option of paying for more options and features. Our web based applications and office suite are not this restrictive and are completely free. Our software can be used either online by just navigating to the relevant link, or by simply downloading it from our web site and used offline.


Scaramouche Touch    Fandango Desktop    Basic-Math Spreadsheet    Blue-Velvet Editor


Get to know what a Progressive Web Application is - PWA... it will change your life!

Read More Here...


Image inserted by SSuite Office Fandango Desktop EditorSSuite Office Software

Free office software with Pure Visual Simplicity{TM}

Image inserted by SSuite Office Fandango Desktop Editor




Donate and become our Hero!

Be Nice and Click Here to Donate!

Donate and help support our efforts in providing you with free office software.