Framework:Design of the details area: Difference between revisions

From CoPlanner 10
Jump to navigationJump to search
Created page with 'For each dimension a specific layout may be used in the CoPlanner. The definition of the layout is automatically saved under the name of the dimension on…'
 
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
For each [[Framework:Dimensions|dimension]] a specific layout may be used in the CoPlanner. The definition of the layout is automatically saved under the name of the dimension on the server in the “DimensionSettings” directory with the “*.skin” file extension. If no specific layout is defined, the dimension is displayed with the “default.skin”.  
For each [[Framework:Dimensions|dimension]] a specific layout may be used in the CoPlanner. The definition of the layout is automatically saved under the name of the [[Framework:Dimensions|dimension]] on the server in the “DimensionSettings” directory with the “*.skin” file extension. If no specific layout is defined, the dimension is displayed with the “default.skin”.  
In order to be able to design the layout of the dimension, please open the dimension and activate the “Design mode” button in the details area of the dimension.  
In order to be able to design the layout of the [[Framework:Dimensions|dimension]], please open the dimension and activate the “Design mode” button in the details area of the [[Framework:Dimensions|dimension]].  


[[Image:Fw_ND_Design mode.jpg|thumb|center|Framework, Design mode]]


Für jede [[Framework:Dimensionen|Dimension]] kann in CoPlanner ein eigenes Layout definiert werden. Die Definition des Layouts wird automatisch unter dem Namen der [[Framework:Dimensionen|Dimension]] am Server im Verzeichnis „DimensionSettings“ mit der Dateierweiterung „*.skin“ gespeichert. Wird kein eigenes Layout definiert, so wird die Dimension mit dem „default.skin“ dargestellt.
The following design options for the details area are available:  
Um das Layout der [[Framework:Dimensionen|Dimension]] gestalten zu können, öffnen Sie die [[Framework:Dimensionen|Dimension]] und aktivieren Sie die Schaltfläche „Entwurfsmodus“ im Detailbereich der [[Framework:Dimensionen|Dimension]] .


[[Image:Fw_ND_Entwurfsmodus.jpg|thumb|center|Framework, Entwurfsmodus]]
Folgende Möglichkeiten zur Gestaltung des Detailbereiches stehen Ihnen zur Verfügung:
__TOC__
__TOC__


Standardmäßig wird eine [[Framework:Dimensionen|Dimension]] mit folgendem Aussehen geöffnet. Dieses ist im „default.skin“ definiert.
By default, a [[Framework:Dimensions|dimension]] is opened with the following layout. This layout is defined in the “default.skin”.  
 
[[Image:Fw_ND_Default skin.jpg|thumb|center|Framework, Default.skin]]
 
==Breite der Bezeichnung==
 
Zum Anpassen der Breite der Bezeichnung der Attribute bewegen Sie die Maus über den linken Rand des Auswahlfeldes eines Attributes. Der Mauszeiger verändert sich und zeigt folgendes Symbol: [[Image:Icon_Cursor_OW.jpg]].
 
Mit der linken Maustaste können Sie die Breite verändern.


[[Image:Fw_ND_Breite der Bezeichnung.jpg|thumb|center|Framework, Breite der Bezeichnung]]
[[Image:Fw_ND_Default skin_en.jpg|thumb|center|Framework, Default.skin]]


Die definierte Breite ist für alle Attribute gültig
==Width of the name==


==Höhe eines Attributes==
In order to adjust the width of the name of the attributes, please move the mouse over the left edge of the selection field of an attribute. The mouse pointer changes and shows the following icon: [[Image:Icon_Cursor_OW.jpg]].
With the left mouse button you can change the width.


Zum Anpassen der Höhe eines Attributes bewegen Sie die Maus über den waagrechten Bal-ken am rechten Ende eines Attributes. Der Mauszeiger verändert sich und zeigt folgendes Symbol: [[Image:Icon_Cursor_NS.jpg]].
[[Image:Fw_ND_Width of the name.jpg|thumb|center|Framework, Width of the name]]


Mit der linken Maustaste können Sie die Höhe verändern.
The defined width applies to all attributes


[[Image:Fw_ND_Höhe eines Attributes.jpg|thumb|center|Framework, Höhe eines Attributes]]
==Height of an attribute==


Die Höhe der Attribute ist für jedes einzelne Attribut anpassbar.
In order to adjust the height of an attribute, please move the mouse over the horizontal bar at the right end of an attribute. The mouse pointer changes and shows the following icon: [[Image:Icon_Cursor_NS.jpg]].
With the left mouse button you can modify the height.  


==Reihenfolge der Attribute==
[[Image:Fw_ND_Height of an attribute.jpg|thumb|center|Framework, Height of an attribute]]


Zum Anpassen der Reihenfolge der Attribute bewegen Sie die Maus über den gepunkteten Bereich [[Image:Icon_Punkte.jpg]] am rechten Ende des Attributes. Der Mauszeiger verändert sich zu einem Hand-Symbol.
The height of the attributes can be adjusted for each attribute.  


Mit der linken Maustaste können Sie das Attribut an die gewünschte Position ziehen.
==Sequence of the attributes==


[[Image:Fw_ND_Reihenfolge der Attribute.jpg|thumb|center|Framework, Reihenfolge der Attribute]]
In order to adjust the sequence of the attributes, please move the mouse over the dotted area [[Image:Icon_Punkte.jpg]] at the right end of the attribute. The mouse pointer changes into a hand icon.


==Abstand zwischen zwei Attributen==
With the left mouse button you can draw the attribute to the desired position.


Zum Anpassen des Abstandes zwischen zwei Attributen bewegen Sie die Maus über den gepunkteten Bereich [[Image:Icon_Punkte.jpg]] am rechten Ende des Attributes. Der Mauszeiger verändert sich zu einem Hand-Symbol.
[[Image:Fw_ND_Sequence of the attributes.jpg|thumb|center|Framework, Sequence of the attributes]]


Mit der linken Maustaste und gleichzeitig gedrückten Hochstell-Taste („Shift“) können Sie den Abstand zwischen den Attributen verändern.
==Spacing between two attributes==


[[Image:Fw_ND_Abstand zwischen zwei Attributen.jpg|thumb|center|Framework, Abstand zwischen zwei Attributen]]
In order to adjust the spacing between two attributes, please move the mouse over the dotted area [[Image:Icon_Punkte.jpg]] at the right end of the attribute. The mouse pointer changes into a hand icon.


Für die folgenden Befehle benutzen Sie bitte das Kontextmenü auf einer Attributbezeichnung. Ein Klick mit der rechten Maustaste auf ein Attribut öffnet das Kontextmenü mit den entsprechenden Befehlen.
With the left mouse button, simultaneously pressing the shift key, you can change the spacing between the attributes.  


[[Image:Fw_ND_Gestalten des Detailbereiches.jpg|thumb|center|Framework, Gestalten des Detailbereiches]]
[[Image:Fw_ND_Spacing between two attributes.jpg|thumb|center|Framework, Spacing between two attributes]]


==Neue Register einfügen==
For the following commands please use the context menu provided with the name of an attribute. By right-clicking on an attribute, you can open the context menu with the corresponding commands.


Sie können die Attribute auf mehrere Seiten aufteilen. Wählen Sie dazu auf jenem Attribut, dass auf einer neuen Seite dargestellt werden soll den Befehl „Neue Seite“ aus dem Kontextmenü.
[[Image:Fw_ND_layout of the details area.jpg|thumb|center|Framework, layout of the details area]]


[[Image:Fw_ND_Neue Register einfügen.jpg|thumb|center|Framework, Neue Register einfügen]]
==Insert new registers==


CoPlanner fügt Reiterkarten im Detailbereich ein. Zum Umbenennen doppelklicken Sie auf den entsprechenden Reiter. Es wird folgender Dialog geöffnet:
You may distribute the attributes over several pages. For this purpose, please choose the command “New page” from the context menu of the attribute which is to be displayed on a new page.


[[Image:Fw_ND_Umbenennen eines Reiters.jpg|thumb|center|Framework, Umbenennen eines Reiters]]
[[Image:Fw_ND_Insert new registers.jpg|thumb|center|Framework, Insert new registers]]


Zum löschen einer Seite wählen Sie den Befehl „Neue Seite“ im entsprechenden zu löschenden Register erneut aus.
The CoPlanner adds tabs in the details area. In order to rename a tab, double-click on it. This opens the following dialog box:


[[Image:Fw_ND_Löschen einer neuen Seite.jpg|thumb|center|Framework, Löschen einer neuen Seite]]
[[Image:Fw_ND_Renaming a tab.jpg|thumb|center|Framework, Renaming a tab]]


==Attribute gruppieren==
If you wish to delete a page, please choose the “New page” command again in the corresponding tab that you wish to delete.


Sie können ein bzw. mehrere Attribute zu Gruppen zusammenfassen. Dazu wählen Sie jenes Attribut aus, mit dem eine neue Gruppe beginnen soll. Alle darauf folgenden Attribute werden in dieser Gruppe zusammengefasst.
[[Image:Fw_ND_Deleting a tab.jpg|thumb|center|Framework, Deleting a tab]]


[[Image:Fw_ND_Anlegen einer neuen Gruppe.jpg|thumb|center|Framework, Anlegen einer neuen Gruppe]]
==Grouping attributes==


Geben Sie in diesen Dialog die Bezeichnung der neuen Gruppe ein.
You can group one or more attributes. For this purpose, please choose the attribute with which you would like to start a new group. Any subsequent attributes will be grouped into this group.  


[[Image:Fw_ND_Vergabe eines Gruppennamens.jpg|thumb|center|Framework, Vergabe eines Gruppennamens]]
[[Image:Fw_ND_Grouping attributes.jpg|thumb|center|Framework, Grouping attributes]]


Sie erhalten folgende Darstellung der Attribute:
Please enter the name of the new group into the dialog box.


[[Image:Fw_ND_Darstellung der Gruppe.jpg|thumb|center|Framework, Darstellung der Gruppe]]
[[Image:Fw_ND_choosing the name of a group.jpg|thumb|center|Framework, choosing the name of a group]]


Zum Löschen einer Gruppe wählen Sie erneut am ersten Attribut in der Gruppe den Befehl „Neue Gruppe“.
You will see the following depiction of attributes:


[[Image:Fw_ND_Eine Gruppe löschen.jpg|thumb|center|Framework, Eine Gruppe löschen]]
[[Image:Fw_ND_display of groups.jpg|thumb|center|Framework, display of groups]]


==Sichtbarkeit eines Attributes definieren==
If you wish to delete a group, please choose the command “New group” again at the first attribute in the group.


Sie können ein Attribut für die Anzeige ausblenden, indem Sie auf dem entsprechenden Attribut den Befehl „Sichtbar“ deaktivieren.
[[Image:Fw_ND_deleting a group.jpg|thumb|center|Framework, deleting a group]]


[[Image:Fw_ND_Ein Attribut ausblenden.jpg|thumb|center|Framework, Ein Attribut ausblenden]]
==Define the visibility of an attribute==


In der Entwurfsansicht wird ein ausgeblendetes Attribut dunkelgrau hinterlegt angezeigt.
You may hide an attribute for the display by de-activating the “Visible” command for the corresponding attribute.  


[[Image:Fw_ND_Entwurfsansicht Anzeige eines ausgeblendeten Attributes.jpg|thumb|center|Framework, Entwurfsansicht, Anzeige eines ausgeblendeten Attributes]]
[[Image:Fw_ND_hiding an attribute.jpg|thumb|center|Framework, hiding an attribute]]


==Hintergrundfarbe eines Attributes ändern==
In the design mode a hidden attribute is shown with a grey background color.


In der Detailansicht kann jedes Attribut mit einer eigenen Hintergrundfarbe dargestellt werden. Wählen Sie dazu den Befehl „Farben…“ aus dem Kontextmenü. Es wird der CoPlanner Dialog „Farbauswahl“ angezeigt.
[[Image:Fw_ND_Design view display of a hidden attribute.jpg|thumb|center|Framework, Design view, display of a hidden attribute]]


[[Image:Fw_ND_Dialog Farbauswahl.jpg|thumb|center|Framework, Entwurfsansicht, Dialog „Farbauswahl“]]
==Modifiying the background color of an attribute==


Ein Doppelklick auf eines der Farbrechtecke öffnet den Dialog „Farbe definieren“.
In the details view, each attribute may be displayed with a specific background color. For this purpose, please choose the “Color...” command from the context menu. Following this, the CoPlanner “Color Pcker” dialog box appears.


[[Image:Fw_ND_Dialog farbe definieren.jpg|thumb|center|Framework, Entwurfsansicht, Dialog „Farbe definieren“]]
[[Image:Fw_ND_Color Picker.jpg|thumb|center|Framework, Navigationsgesigner, Color Picker]]


Wählen Sie eine entsprechende Farbe und bestätigen Sie mit „OK“.
A double-click on one of the color rectangles opens the “Define colors” dialog box.


[[Image:Fw_ND_Hintergrundfarbe eines Attributes ändern.jpg|thumb|center|Framework, Entwurfsansicht, Hintergrundfarbe eines Attributes ändern]]
[[Image:Fw_ND_Dialog Define colors.jpg|thumb|center|Framework, Navigationsgesigner, Dialog „Define colors“]]


==Eine alternative Bezeichnung eingeben==
Please choose a corresponding color and confirm with “OK”.


Sie können bei jedem Attribut die Bezeichnung anpassen. Wählen Sie dazu den Befehl „Caption…“ aus dem Kontextmenü. Es wird der folgende Dialog aufgerufen.
[[Image:Fw_ND_Modify the background color of an attribute .jpg|thumb|center|Framework, Modify the background color of an attribute ]]


[[Image:Fw_ND_Alternative Attributbezeichnung eingeben.jpg|thumb|center|Framework, Entwurfsansicht, Alternative Attributbezeichnung eingeben]]
==Enter an alternative name==


Vergeben Sie die entsprechende Bezeichnung.
You may adjust the caption of any attribute. To do this, please choose the “Caption...” command from the context menu. The following dialog box will appear:


[[Image:Fw_ND_Anzeige der alternativen Attributbezeichnung.jpg|thumb|center|Framework, Entwurfsansicht, Anzeige der alternativen Attributbezeichnungngeben]]
[[Image:Fw_ND_Enter an alternative name.jpg|thumb|center|Framework, Enter an alternative name]]


Enter the corresponding caption.




__NOEDITSECTION__  
__NOEDITSECTION__  


[[Category:Framework|Navigatiosdesigner]][[Category:Framework Navigationsdesigner|Gestalten des Detailbereiches]]
[[Category:Framework|Navigation Designer]][[Category:Framework Navigation Designer|Design of the details area]]
[[de:Framework:Navigationsdesigner:Gestalten_des_Detailbereiches]]

Latest revision as of 15:27, 24 May 2012

For each dimension a specific layout may be used in the CoPlanner. The definition of the layout is automatically saved under the name of the dimension on the server in the “DimensionSettings” directory with the “*.skin” file extension. If no specific layout is defined, the dimension is displayed with the “default.skin”. In order to be able to design the layout of the dimension, please open the dimension and activate the “Design mode” button in the details area of the dimension.

Error creating thumbnail: File missing
Framework, Design mode

The following design options for the details area are available:

By default, a dimension is opened with the following layout. This layout is defined in the “default.skin”.

Error creating thumbnail: File missing
Framework, Default.skin

Width of the name

In order to adjust the width of the name of the attributes, please move the mouse over the left edge of the selection field of an attribute. The mouse pointer changes and shows the following icon: . With the left mouse button you can change the width.

Error creating thumbnail: File missing
Framework, Width of the name

The defined width applies to all attributes

Height of an attribute

In order to adjust the height of an attribute, please move the mouse over the horizontal bar at the right end of an attribute. The mouse pointer changes and shows the following icon: . With the left mouse button you can modify the height.

Error creating thumbnail: File missing
Framework, Height of an attribute

The height of the attributes can be adjusted for each attribute.

Sequence of the attributes

In order to adjust the sequence of the attributes, please move the mouse over the dotted area at the right end of the attribute. The mouse pointer changes into a hand icon.

With the left mouse button you can draw the attribute to the desired position.

Error creating thumbnail: File missing
Framework, Sequence of the attributes

Spacing between two attributes

In order to adjust the spacing between two attributes, please move the mouse over the dotted area at the right end of the attribute. The mouse pointer changes into a hand icon.

With the left mouse button, simultaneously pressing the shift key, you can change the spacing between the attributes.

Error creating thumbnail: File missing
Framework, Spacing between two attributes

For the following commands please use the context menu provided with the name of an attribute. By right-clicking on an attribute, you can open the context menu with the corresponding commands.

Error creating thumbnail: File missing
Framework, layout of the details area

Insert new registers

You may distribute the attributes over several pages. For this purpose, please choose the command “New page” from the context menu of the attribute which is to be displayed on a new page.

Error creating thumbnail: File missing
Framework, Insert new registers

The CoPlanner adds tabs in the details area. In order to rename a tab, double-click on it. This opens the following dialog box:

Error creating thumbnail: File missing
Framework, Renaming a tab

If you wish to delete a page, please choose the “New page” command again in the corresponding tab that you wish to delete.

Error creating thumbnail: File missing
Framework, Deleting a tab

Grouping attributes

You can group one or more attributes. For this purpose, please choose the attribute with which you would like to start a new group. Any subsequent attributes will be grouped into this group.

Error creating thumbnail: File missing
Framework, Grouping attributes

Please enter the name of the new group into the dialog box.

Error creating thumbnail: File missing
Framework, choosing the name of a group

You will see the following depiction of attributes:

Error creating thumbnail: File missing
Framework, display of groups

If you wish to delete a group, please choose the command “New group” again at the first attribute in the group.

Error creating thumbnail: File missing
Framework, deleting a group

Define the visibility of an attribute

You may hide an attribute for the display by de-activating the “Visible” command for the corresponding attribute.

Error creating thumbnail: File missing
Framework, hiding an attribute

In the design mode a hidden attribute is shown with a grey background color.

Error creating thumbnail: File missing
Framework, Design view, display of a hidden attribute

Modifiying the background color of an attribute

In the details view, each attribute may be displayed with a specific background color. For this purpose, please choose the “Color...” command from the context menu. Following this, the CoPlanner “Color Pcker” dialog box appears.

Framework, Navigationsgesigner, Color Picker

A double-click on one of the color rectangles opens the “Define colors” dialog box.

Error creating thumbnail: File missing
Framework, Navigationsgesigner, Dialog „Define colors“

Please choose a corresponding color and confirm with “OK”.

Error creating thumbnail: File missing
Framework, Modify the background color of an attribute

Enter an alternative name

You may adjust the caption of any attribute. To do this, please choose the “Caption...” command from the context menu. The following dialog box will appear:

Error creating thumbnail: File missing
Framework, Enter an alternative name

Enter the corresponding caption.