Preferences

Flux is an advanced application that can be customized in many ways.

Only show fonts in 'Web' Collection

Your Mac has a built-in Font manager called Font Book, using this application you can sort fonts into collections. By checking this option, Flux will only show fonts that are in the 'Web' collection.

Use Internet Explorer compatible CSS for 'opacity'

Internet Explorer (IE) has historicaly never supported CSS 'opacity'. Check this option if you want Flux to use an IE compatible workaround.

Pressing Return creates 'P' element

Pressing return in Flux can either insert a BR tag, or create a new P element, this option toggles between the two options.

Show full path in Page Editor title bar

Rather than use a relative path, this option will make Flux show the whole path to file in the title bar of a window.

Show Welcome Window

When Flux starts, it displays a window that allows you to create a new project, open a recent project and a few other functions. This option will turn this off.

Show Mini Toolbars

Tables and Lists will show small toolbars with commonly used actions when selected. This option will turn this off.

Show Mini Toolbars

Tables and Lists will show small toolbars with commonly used actions when selected. This option will turn this off.

Support bespoke <$

Some CMS system can use tags that start with <$, this is invalid, but Flux can optionally support them.

Use dialog to choose paths when pasting images

Older releases of Flux will put pasted images directly into a 'PastedObjects' folder. Newer releases use a dialog to allow you to choose a location. This option allows you to toggle between these two options.

Use larger fonts in UI

If you find some of the text in the Flux user interface too small, this option will enlarge them.

Always escape characters, regardless of encoding

When using more modern encoding such as UTF-8, asian or accented characters do not need to be escaped. Choose this option to escape them anyway. This can be useful if you are using an outdated web browser or web server.

Support ExpressionEngine style tags

If you are creating pages for ExpressionEngine, check this option.

Use uppercase Tag names

If checked, Flux will use tag names like <DIV> rather than <div>.

Do not use inline styles

Prevent Flux from using inline styles, i.e. styles in the style="" attribute.

Tidy Code when saving

Saved code will be formatted prettily if this option is checked.

Show Thumbnails

Thumbnails will be shown in the Site Manager and other areas when this option is checked. Very large sites will be handled quicker if this option is turned off.

Open last sites used when starting up

If this option is checked, and you quit Flux with a site loaded, the next time you start Flux, this site will be loaded automaticaly.

Automaticaly check for updates

Flux can check for updates automaticaly, but you may want to turn this off.

Draw Tag above element on page

Tags are usually drawn inside the object on the page, this option will draw them above the element.

Use paths relative to root of project

This option should only be used by experienced web developers, as it could prevent images from loading properly.

Support content before <HTML> tags

PHP pages will often have content before the HTML tags. This is invalid, but sometimes unavoidable.

Only draw tags for selected CSS items.

Selecting this option will tell Flux to draw CSS tags as simple text, only drawing decor around selected styles. This makes the selected item much more obvious.

Double-click on page switches to text edit mode

Default behaviour is to switch to Text Editing Mode when the page is double-clicked. Turning this off will cause the Inspector to appear instead.

Show Code Editor instead of Inspector when double-clicking.

If the above option is enabled, the Code Editor will appear rather than the Inspector when double-clicking an item.

Code Editor floats when separate (restart required)

When the Code Editor is in a separate window, this option makes it float above the page window.

Backup files before saving.

Before saving a CSS or HTML file, Flux can optionaly copy a backup to ~/Documents/Backups/Flux

Disable Relation Lines animation.

Animation can affect performance, particularly on older machines, if you are affected by poor performance, disabling animation can help.

Show labelled assets in asset menus.

Will displayed assets which have a Finder label at the root of the asset menu for easy access.

Up/Down Cursor keys should adjust numeric values in Inspector

Numeric values, such as 'width' can be incremented and decremeted with the cursor keys if this option is on.

Prevent accidental dragging in Page Editor

If this option is enabled, then all drags in the Page Editor become 'sticky', meaning that to drag an item, you must drag it a few pixels before the move commences.

CSS Overflow compatibilty mode

Enables overflow-x and overflow-y properties for compatibility purposes.

Only create WebKit Specific CSS

By default, Flux will add Firefox and Opera specfic CSS where required. However, if you are creating a iPad/iPhone Web app, you may not want this as it can create bloated code.

Show Hidden files in Site Manager

By default, Flux will hide files starting with '.', this option will show them.

Automaticaly reload page if changed externally.

If you often use a Text Editor to edit files while they are loaded in Flux, then you should turn this option on, then Flux will keep itself up-to-date with any changes you make.

Open in FreeCode by default.

Rather than enable FreeCode for all your files, you can make it the default by check this option.

Use font-family font in Style Navigator if avilable.

If you are using custom fonts, this option will display the associated CSS tags using that font. Note : The font must be installed on your Mac.

Browsers

Lists the Browsers that can be used to preview your page.

Browsers can be found automatically by using the Find Browsers button.
Added or deleted using the +/- buttons.
Or dragged in from a Finder window.

Theese Browsers can then be used from within Flux by using Page -> Preview -> choose the browser you want.

<NEWPARA>

Colors

A drop down menu allows you to choose from preset color schemes.
Clicking any of the colors displays the color chooser where you can pick any color you want.

Editor

AutoComplete

The Code Editor will AutoComplete after a short delay.

Editor Font

Clicking Set Font button allows you to choose font and font size used by the Code Editor.

Editor Colours

Allows you to customise the colours used in the Code Editor
Clicking the colour displays the colour picker to change the colour.

Default external text editor.

Choose from the drop down menu which text editor you want to use as default.
Double clicking some files in the Site Manager, .css .js, will open in thie chosen editor.

Rails

Advanced settings for Rails projects

PHP

Advanced PHP settings

Guides

Resolution Guides

These guides give the width and height of displays.
To add your own or delete use the + and - buttons.
To see how much of your page will display with a given screen size you can overlay these guides on your page by clicking the gear wheel at the top left of the Edit window.

Grid

Value in pixels of the vertical and horizontal Grid Line spacing.

Bookmarks

Settings for servers you connect to.
This is covered in depth here Bookmarks.