Imprimir

Layout

On this module are available the features of editing, attributes and display of the application, in a way that you can apply display themes, organize blocks, define values and the format of the Header/Footer and etc.

Layout Settings

On this interface, you can define the theme for display of a specific application, this being because ScriptCase uses a Standard Definition of Values per project, that besides the Display Theme, allows to define values for other attributes on a Project level.

Application Display Theme Configuration Application Display Theme Configuration

  • Display Configuration
    • Header Template : Allows to choose the template that’s going to be used as the Header of the application.
    • Footer Template : Allows to choose the template that’s going to be used as the Footer of the application.
    • Button : Allows to choose the button theme for the application.
    • Themes : Choose one of the existing themes, it’ll load the display mode (colors ,fonts, etc.) that’ll be part of the application.

Header & Footer

In this block, it’s the definition of the variables content that’ll be part of the header.

Application Header Configuration Application Header Configuration

This page may change depending on the header format chosen in the Layout Settings.

  • Display Header : This option determines if the header will display.
  • Title : Allows to inform the title displayed in the application.
  • Header Variables : The field variables can be informed with anyone of displayed in the Combo box. Depending on the type, it’ll be necessary to associate the content with the field. Below there are the types of content:
    • Field : When you choose the option “Field”, it’ll open a Combo box beside to choose the field you want. Selecting the desired field, it’ll associate the value of the field with the header.
    • Title : This option when selected it’ll display in the header the value informed in the “Application Title”.
    • Date : When selected the “Date” type, it’ll display the system’s date in the header. There are a diversity of formats using the date and time of the server. The format can be informed in the text field that appears beside the field. To access the existing formats, click on the icon and you’ll view a page display the formats.
    • Image : When selecting the image type, it displays a field to inform the name of the existing image in the server. To locate the images existing and selecting one, click the icon “Choose Image” and to upload new images click on the button “UploadApplication Footer configuration.
    • Value : When selecting the type “Value”, the content informed in the text field that appears beside, it’ll be displayed in the header, you can inform texts and “Global Variables”. e.g. “Employee Name: [v_name]”.

Depending on the Application, you may have more than one title option.

Footer

Application Footer Configuration Application Footer Configuration

This page may change depending on the footer format chosen in the Layout Settings.

  • Display Footer : This option determines if the footer will display.
  • Footer Variables : The field variables can be informed with anyone of displayed in the Combo box. Depending on the type, it’ll be necessary to associate the content with the field. Below there are the types of content:
    • Field : When you choose the option “Field”, it’ll open a Combo box beside to choose the field you want. Selecting the desired field, it’ll associate the value of the field with the footer.
    • Date : When selected the “Date” type, it’ll display the system’s date in the footer. There are a diversity of formats using the date and time of the server. The format can be informed in the text field that appears beside the field. To access the existing formats, click on the icon and you’ll view a page display the formats.
    • Image : When selecting the image type, it displays a field to inform the name of the existing image in the server. To locate the images existing and selecting one, click the icon “Choose Image” and to upload new images click on the button “Upload” .
    • Value : When selecting the type “Value”, the content informed in the text field that appears beside, it’ll be displayed in the footer, you can inform texts and “Global Variables”. e.g. “Employee Name: [v_name]”.

Using this option you can change the entire menu structure.

Menu structure settings

Drag the selected option to the “Menu Items” area to create a new “Layer” where you can add the contents. You can increase or decrease the layer width and also change its positioning within the “Menu items” area.

After adding the layer and customize its size you can click on the “pencil” icon to edit the layer options or click on the “trash” icon to delete it .

Layer editing

Layer editing

  • Name : Use this option to set a name for the layer.
  • Width : Using this option you can manually change the layer size, using percentage. You can also set this value in pixels, however to do that you will need to change the “Menu Width” option within the Menu “Settings”, this value comes in percentage as default from Scriptcase.
  • Display : This option will set whether to display the layer or not.
  • Alignment : Using this option you can change the alignment of all layer contents in the Left, Right or Center.
  • Type : Using this option you select the data type that is going to be displayed in each row of the layer.
    • Title : If you use the option title it will be displayed the application title, according to the value set on “Application Title” within the menu “Header & Footer”.
    • Date : Using this option you can display a date within the layer, using different dates format. Example: d-m-Y
    • Image : Using this option you will be able to add an image to your Menu, once selected there will be a link for you to access the Image Manager from Scriptcase to choose a customized image from your project or upload from your computer.
    • Value : Here you can inform any text or you to user a global variable from Scriptcase to add dynamic values to the layer such as the logged user, for example: [usr_login].
    • Library : Using this option you select an External Library from Scriptcase. You can import or create libraries using the option “Tools » External Libraries” from the main menu.
    • Method : Using this option you can select an application method to apply to the layer. A new method can be created within the menu application using the option “PHP Programming” within the menu “Programming”
  • Font : Using this option you select a font family from the available in the list. Change the font size and set the text as bold and/or italic.
  • Background color : Here you change the background color of each row of the layer content.
  • Font color : In this option you can change the font color that appears in the layer.
  • Delete : Using this option you can delete the layer line.
  • Add : Using this option you add another line to the layer.
  • Close : You close the edit screen of the layer.
  • Save : You save all changes made to the layer.