.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../Includes.txt


.. _users-manual:

Users manual
============


Step 1: Just download and install the extension after upload or install it directly from the extensionmanager.

Step 2: Choose the page, which should display some faq's an click on the wizard to add a custom content element, see screenshot:

.. figure:: ../Images/Introduction/Screenshots/ceSimpleFaq.JPG
	:width: 500px
	:alt: add a custom content element


Step 3: Adds the faqs....the fields are:

a. the question
b. the answer (text with rte)
c. some images
d. a helpul link, internal, external or to emailadress


Integrating jQuery js file (OPTIONAL):
######################################
If your site doesn't have jquery integrated, just click on the FAQ Settings Tab a choose "YES" to include jquery js file in the footerLibs.


Customization (OPTIONAL):
#########################
The followed steps aren't necessary, just in case, you want to customize your own look and the way the faqs are displayed.

Just click on the FAQ Settings tab in the backend, where you inserted the faqs. There a four options for customizing:

1. Choose one of the predifined themes (basic, flat, dark, minimalistic)
2. Use your own css file, a custom template is included in the typo3conf\ext\simplefaq\Resources\Public\Css folder. (Just click the wizard to choose your css file)
3. Use your own fluid template, the sample is in the typo3conf\ext\simplefaq\Resources\Private\Templates\Faqs folder (Just click the wizard to choose your html, htm or tmpl file)


New in version 1.4.0
####################
Changing the color with the typo3 integrated colorpicker. There is a new Tab in the settings. Version 1.4.0 comes with an integrated colorpicker to change
backgroundcolors, textcolors, border colors and border radius , too. You can choose the color by the colorpicker or just use colors in HTML hex like #ff6600 ans especially
like red too.

.. figure:: ../Images/Introduction/Screenshots/colorpicker.jpg
	:width: 500px
	:alt: change the colors with colorpicker