Pages - General

The General tab, within Pages, is structured into 3 sections:
  • Current Segment

    The Current Segment section provides configuration settings for the currently selected segment on the Page design.
    • Segment/Widget id (Chosen name of the segment that is used in the Visual Studio project to identify it)

    • Sizing Method

    • Is scroll enabled - used to enable scrolling on a segment - see Sizing Method

    • Suppress Content Resizing

    • Size Value (%) - The size of the segment in the context of the "sizing method"

    • Content Type (datagrids, single entity data, chart/graph, image, components, custom, etc)

    • Access Control

  • Data Content

    The Data Content section provides configuration settings for the content of the currently selected segment on the Page design.
    • Template - Selects the single or multi-entity template that you want to provide the data format of the Template

    • Data Source - Selects the DataSource (Evoke data area) that this segment is bound onto (remember that Data Sources need to be Populated. Use the DataSource Build button to populate the name of a DataSource and the path to any Related Data.

  • Designer Surface
    The designer surface settings allow you reset the WYSIWYG display area so that it displays based on a specific device (iphone, smartwatch, android tablet, desktop device, etc - as shown below) by selecting from the dropdown list in the "device" list. Alternatively you can specifically set a screen size for the designer WYSIWYG area (using the Height and width options) or change the styling to see how the difference device cultures change the look and feel of your screen design (using the "Styling" drop down list.
    The Size to Fit Button instantly returns the WYSIWYG Designer area back to fill all the available space in the design area.
    The Rotate Button is used, when viewing the WYSIWYG as if the page was on a Device, to rotate the screen in the WYSIWYG as if a mobile phone or tablet had been rotated in someone hands.


Content Type (data grids, single entity data, components, custom, etc)
The Content Type section provides configuration settings for the content of the currently selected segment on the Page design.
  • Child Page Segments

    Selecting Child Page Segments defines the currently selected segment as a segment that has one or multiple child segments. Each of the child segments can be further defined using the "Content Type" selection when that segment is selected as the current segment.

  • Data (Single Entity)

    The segment contains one of more widgets that are populated from a single entity data source. See example image right.


  • Data (Multiple Entities)

    The segment contains single widget that are populated with data from multiple entity instances - a Data Grid. DataGrid Columns have an automatic "tooltip" of the column header text that will be displayed, in full, when the Column header is 'hovered over' on devices that provide this capability, such as desktop computer screens.
    See example image right.


  • Chart/Graph

    The segment contains a data-driven chart or graph diagram.
    See example image right.




  • Component

    The segment contains a special Evoke Component that allows you to add:





  • Image (static) or Image (databound)

    When Selected a further option of "Image Content" is offered (see example image right).
    • Image (static) - The segment contains only an image that has a static datapath (see Segment images for more information and instructions on the configuring of the various fields and options relevant to this "Content Type".

    • Image (databound) - The segment contains only an image that has a datapath that is determined by a datasource property value (see Segment images for more information and instructions on the configuring of the various fields and options relevant to this "Content Type".




  • Custom

    When "Custom" is selected as the "Content Type" (see example image right), the segment contains custom developed content. This will create a place holder or "Evoke code hook" inside the Visual Studio project that will allow the custom content to be added at that point.
    There are a couple of options that allow you to center the custom content and to optionally make the content clickable (and then define the actions to take when it is clicked).



  • Blank

    The segment contains no content. Select this content type if the segment is to just represent and area of blank space on the User Interface.



Charts and Graphs
When a Content Type of Chart/Graph is selected then the following options should be completed:
  • Chart Type - Choose a chart type of Area, Bar, Donut, Line, Percent Area, Percent Bar, Pie, Stacked Area, Stacked Bar, Setp-up Bar, Waterfall.

  • Caption - insert the caption to appear above the chart/graph

  • Sub-caption - insert the sub-caption to appear below the caption

  • Show Legends - Checkbox, if checked show the data legends below the chart/graph.

  • Suppress Group Totals - Checkbox, if checked then the group total figures (numbers above each bar on a bar chart, on each segment of pie on a pie chart, etc) are hidden.

  • Orientation - The plotting orientation of the chart/graph (only available on certain graphs).

  • Horizontal label - The label to be displayed along the horizontal axis (if one is present) of the chart/graph (only available on certain graphs).

  • Vertical label - The label to be displayed along the vertical axis (if one is present) of the chart/graph. (only available on certain graphs).

  • Axis ticks - The graduation points (values) to be used along the value axis of the chart/graph (only available on certain graphs).

  • Dataset count - The number of discrete datasets to be displayed within the chart/graph. This setting is only used for chart/graph types capable of displaying multiple datasets (Area, Bar, Line, Percent Area, Percent Bar, Stacked Area, Stacked Bar and Step-Up Bar).

  • Dataset name -The display name of the dataset.

  • Dataset datasource path - The datasource for the dataset. This must be either the name of a collective datasource or a property within a datasource that represents a collection (list) of entities.

  • Property for names - This property (for all datasets) is to be used to obtain the values that will form the graduation points (and labels) along the opposite axis to the value axis. Each discrete value for this property will be represented by a dedicated labelled graduation point.

  • Property for values - This property (for all datasets) is to be used to obtain the plotting value for each record within the dataset.

  • Group by - This setting allows you to define (if required) how records within the underlying datasource are to be grouped together to form compound/computed values for chart/graph plotting purposes.

  • Group by property - This property (for all datasets) is to be used to obtain the grouping value for each underlying datasource record.

  • Restrict records by - This setting allows you to define (if required) whether only the first x number of records or the last x number of records within the underlying datasource are to be used for plotting purposes.

  • Restriction size - The maximum number of records to be used in the graph (if the above setting is not ‘None’).