All page related settings can be edited within this dialog.
- 1 Info
- 2 Page
- 3 Menu
- 4 Colors
- 5 Meta
- 6 CSS
- 8 ServerScript
- 9 Database
The page ID. This must be unique in the same site otherwise unpredictable results may occure. Phis caches pages for faster access and same page IDs will overwrite each other.
The title of the page, which is translateable
See also: document.title.
The author of the page (provided in the meta tags in HTML).
Your company name, if available.
Copyright for this page.
Version of this page.
Keywords for this page (provided in the meta tags in HTML).
See also: document.keywords.
Available languages for this page
In this tab you can define the supported languages for your page. If you loaded a Site config this will be already set.
See also: Translation.
Sets a predefined page size in pixels.
Sets the page orientation.
Defines the background color of the page.
If you need a special size check this box and enter the new dimensions of the page.
You can define if you want to center the pages or if the page should appear left aligned.
In Browser mode the Menu tab is disabled.
The Application mode needs the PhiPlugin or PhiApp installed. In application mode the Menu tab becomes enabled. This offers to implement real applications with native window menus and the look and feel of the underlying operating systems.
Note: use phiapp with the URL as first parameter to start directly in application mode. This enables you to create applications without any browser and even better: it runs on every operating system, where the PhiPlugin or the PhiApp is supported!
Sets the default font used for all standard text in the page.
Note: the font must be available on the server and client side otherwise a replacement font from the same family is choosen. Avoid to use exotic fonts.
This icon is set as the application icon (visible if the PhiPlugin is running and in the application mode) or as the favicon in HTML mode.
In Application mode you can setup a drop down menu structure otherwise this tab is not selectable.
Menu item structure
Use the arrows on the right side to create the menu hierarchy. A top level item appears in the menu header with its children as the drop down menu. Submenus can be created easily by entering the next hierarchy (clicken on the right arrow).
Each child can use its own icon.
If you need another Text source like translation or database click on this button. Static text can be changed by directly double clicking on the text of the menu item.
Adds a separator.
Adds a new item in the current hierarchy of the selected item.
Deletes the currently selected menu item.
Makes a menu item checkable.
Disables the currently selected menu item.
Here you can define often used colors and the palette you want to use for your page. If you loaded a Site config this will already be set, however you can overwrite the settings.
If you choose your own palette the background colors of input elements will not be shown in HTML since they will cause the browser to render a flat element. If you really want to change the background color also in HTML use CSS instead.
In some operating environments (depending on the style and system) the background color of buttons can not be overwritten by setting the appropriate palette color. If you want to force a background color for buttons, you may use a CSS style.
Use custom palette
If Use custom palette is unchecked, the default palette and current style of the operating system of the user viewing this page is used.
Note: the color role Window of the palette can not be changed and is always set to transparent.
See also: Template page overwrites palette.
You can define six custom colors which will be available in the properties tool box with their lighter counterparts (100%, 80%, 60%, 40%, 20%).
Note: if you have a Site config loaded this will be preset for every new page.
If the page should display a corporate page in the background (which can include menus) enter the path to the Master template page here.
Check Template page overwrites this page palette if you want to use the defined palette of the template.
If your page provides a formular check the Form action checkbox and enter the URL which is processing the FORM POST data.
See also: document.action.
Click on the Edit button to add special open graph properties as meta data (usually used with Facebook).
See also: document.openGraph.
If you check Suppress creation of Phi object tag the server will generate the HTML version only. This is useful for all introducing pages as long as you don't want to bother users with the notice that they need the PhiPlugin.
PhiPlugin offers.If you check Force HTML output the server will always generate native HTML code even if a browser understands Phi. This is necessary for example if you want to use the jQuery backend directly. However this breaks all advantages the
Here you can define settings if the page needs Session management.
In this tab you may define a page wide cascading style sheet.
If you do not check the Generate system CSS, the predefined palette of the page (like link and text colors) will not apply. You have to provide your own settings instead.
Note: all generated CSS files are located in the temporary directory of the Phi server.
In the Database tab you may add support for a database for your page. You can specify a file (with the ':' as separator of each entry) or with the settings stored along with the *.phis page.
See also: Database support.