SSuite Office Software - Pure Visual Simplicity(TM)

---

Making a Quick Start...

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.

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?

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...

The 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.

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:

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...

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.   
2. Insert the image normally with no wrapping text around it.   
3. Center align the image with the text in a linear manner.   
4. Right align the image and wrap the text around it to the left.   

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.

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

To start using this feature, just hover over or click on the icon on the bottom toolbar.

In 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.

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: "Windows Key" + "." ( period key ) or ";" ( semicolon key )

Basic but very handy keyboard shortcuts

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

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 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.

Your 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.

---

If 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

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 ""

---

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...

SSuite Office Software

Free office software with Pure Visual Simplicity{TM}

---

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.