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 embedded and inserted by SSuite Office Fandango Desktop EditorIf you need a professional spelling and grammar checker, you may download and install any one of two browser extensions that are available from our "Extension Library". The first one called "LanguageTool AI" is currently the best option(because it's free without account), and it can detect any language with extensive correction configurations for personal use. The second option called "Scribens", is just as good, except that it has a free trail option(50K words).


The easiest way in creating your document:

  1. Enter all your ideas and thoughts first to give you direction on what it is all about.
  2. Edit and spellcheck your text to perfection in order to make your document look professional.
  3. Then finally do your font, header, and paragraph formatting to give your document structure and form.

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.

Major Upgrades to Our Online Word Processors:

We have recently upgraded our online word processors, and they are no longer compatible with older versions. If you open an editor and find that your documents from the "Document History" list are not loading correctly, please use one of the original editors from the list below to access your files.

Stand-Alone PWA Apps:

SSuite Online Office:

Explanation:


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 new document, you can either add your own extension *.htm, *.html, or *.txt to your document name, inside the "Document Name" edit box, or the editor will add it automatically depending on your "Save As..." selection. The "Save Dialog" box accepts any of them, just like desktop-based software. Create, open, or edit HTML and Plain Text(UTF-8) documents.

When saving a new document, you may change its name and/or extension directly inside the edit box on the top-right-hand side of your screen. This will make saving your new document so much faster when using any of the "Save As..." options or pressing the enter-button inside the edit box, after naming your new document.

Just FYI... The default document extension is set to *.htm when clicking on any "Save As..." options or pressing the enter-button when changing the document name without adding an extension.


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.


Image embedded and inserted by SSuite Office Fandango Desktop Editor

You may also Save/Export all your documents directly to the PDF format. Simply click on the Editor's print button and set your printer to the "Save as PDF" option(right at the top of the printer list), inside the dropdown box. This feature works for all Chromium based browsers e.g. Chrome, MS Edge, Vivaldi etc. including the FireFox browser.
Watch a short video demo.


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.





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?




Adding emoticons to your documents in Windows 10 / 11 and beyond!

To add or insert an emoticon into your document when using Windows 10 / 11 and beyond 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



Our Professional Word Processors and their "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.We are excited to announce a significant enhancement to our feature-rich, online PWA enabled, word processors: the ability to auto-save documents using your browser's safe and secure built-in storage. This upgrade eliminates the previous limitations associated with using localStorage, which only allowed 5MB of space.

This means that you can now add documents to the history list without any size limitations. This enhancement allows for the seamless creation and editing of large files, empowering you to manage an extensive array of documents effortlessly. You can work with unlimited file sizes, ensuring that your projects can grow without constraint.


For users who require the ability to handle larger files or numerous documents, our application now provide an unparalleled experience, eliminating the need to seek alternative solutions. You can easily open and load documents from your local storage or hard drive via the "Open File" dialog, and they will be automatically added to your "Document History" for convenient access.


Image inserted by SSuite Office Fandango Desktop Editor

Your documents will only be added to the "Document History" list when you load them from your physical hard drive or local storage through the "Open File" dialog. There after you may access them directly from the "Document History" list at any time.

When you create a new document inside the editor, your document will be automatically added to the "Document History" menu when you click any of the "Save As" buttons or press Enter inside the file name edit box.




One more thing to keep in mind when loading files into the list is that they are kept in your web browser's local storage cache. 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 inside the word processor's local storage!

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 local storage device for safe keeping.

Image inserted by SSuite Office Fandango Desktop Editor

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 - You are also now able to remove individual documents from the "Document History" list. Simply load the file from the history list into the editor and select the "Remove Current Document" option, that can be found on the bottom of the "Document History" list menu. After confirmation of removal, the file will no longer be listed on the "Document History" menu.






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.




Using the Cache Memory button...

Image embedded and inserted by SSuite Office Fandango Desktop Editor

This feature deletes all the downloaded images and objects that were inserted, using URLs from the net, into their relevant documents. It also deletes all the documents or text that were auto-saved for each instance of every opened word processor or text editor. It does not delete the "Document History" list and its document contents, only the auto-saved cache memory for all the opened editor instances.




Opening a new Editor Instance or Browser Tab

Image embedded and inserted by SSuite Office Fandango Desktop Editor

When using this feature, a whole new instance of the word processor or text editor, that you originally opened, is created in a new tab just like a desktop application. All your text or documents are then auto-saved just as in the first web application. When closing each editor tab, your document or text are then auto-saved for later use or access as you need it.




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. They also DO NOT run in the cloud!

Get All Our Free Online Web Apps Here...


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}

GREEN SOFTWARE DESIGN




Donate and become our Hero!

Be Nice and Click Here to Donate!

Please donate to help support our efforts in providing you with free office software.