Creating a Card Object
  • 18 Oct 2024
  • 14 Minutes to read
  • Dark
    Light

Creating a Card Object

  • Dark
    Light

Article summary

This topic describes how to add a new Card Object to a Screen or a Container and its specific properties.

To create a new Card Object, you need to access a Screen in Design mode.

Once you're in the Screen editing page, locate the Card Object from the Screen Objects list in the left panel, then drag and drop it onto your Screen or Container.

contents/assets/images/card.create.gif

When you create a Card Object, it is initially empty. The next step is to configure a Layout that will define the data to be displayed. To do so, click on the Object or select the Object and click the "Configure Layout" button contents/assets/images/layout.png located in the Properties Toolbar located vertically alongside the Properties panel to the right of the Screen.

contents/assets/images/card.config.png

See The Layout Object, Configure a Layout, and About Data Blocks of a Layout for more details on the Layout Object.

Card Layout

The Layout editor for the Card Object is slightly different from the classic one in that it offers some Object-specific options and properties.
The main difference is that the Axes is only dimensioned with "By Row":

contents/assets/images/card.layout.differences.png

The Data area

The Data area of a Card Object Layout supports all kinds of Data Blocks (Cubes, Algorithms, Entities, etc.). All Data Blocks settings but the Detail By property are supported: for example, you can enable the Data entry option on one Block and the Color alert option on another one.

Axes area

The Card Object supports only 1 Entity By Row and no Entities by Column.

Once an Entity is set By Row, the Card Object will display data from all Blocks defined in the Data area for each member of that Entity.

The "Down totals" option is available in the Axes area settings, but it's not supported by the Card Object: any changes made to it will be ignored.

The Object preview pane

Each Block set in the Data area is instantly displayed as a rectangle within a card element in the Object preview pane, as shown in the following image.

contents/assets/images/card layout.png

contents/assets/images/card.axes.layout.png

Each rectangle can be moved and/or resized inside the card element within the Preview, just like Objects on a Screen: the configured size and position of each rectangle will be replicated for each card element displayed in the Object area.

You can preview all cards that will be displayed in the Object area by clicking the previous/next arrows on the sides of the Preview pane.

contents/assets/images/card.customize.look.gif

Text displayed in the Card Object wraps automatically, based on the available space on the line. If such text is only one word that doesn't fit the available space on the line, it will be truncated and an ellipsis will be displayed.

Object settings

In the Object settings of the Layout editor, the Column appearance menu allows you to configure how cells (rectangles) should look. The following options are available in the dropdown menu for each Data Block:

  • Button

  • Checkbox

  • Default

You can also click "CONFIGURE DRILL" to configure a Drill on one or more Data Blocks. See Drill-related paragraphs below for more details.

Card properties and settings

Card properties are available from the Object Properties panel on the right of the Screen editing page once the Object is selected and it's associated with a Layout.

The Card Object supports all options common to all Screen Objects except the “Disable Drill down” option.

Properties specific to the Card Object are highlighted in the following image and explained below.

The Card Object is responsive: once the Layout is configured, the Object area will display as many card elements as possible on each line.

contents/assets/images/card.properties.png

Main options of Design Object Properties

You can set a fixed or dynamic card size from the card settings panel. You can also configure a gap (space) around each card element.

Additionally, there is a dynamic option for the Card width that will automatically resize the Object within the specified maximum and a minimum width. These sizes are measured in pixels.

Under the Design tab of the Object Properties panel, the following options are available:

  • Card width type. Choose from Fixed or Dynamic

  • Card height. When the "Fixed" or "Dynamic" card width type is selected, enter the desired card height in pixels

  • Card width. When the "Fixed" card width type is selected, enter the desired card width in pixels

  • Card min width/Card max width. When the "Dynamic" card width type is selected, card elements will automatically resize within these limits, depending on the user's screen size

  • Card gap. Enter the desired space you want to add around each card element, in pixels. This setting is always respected, regardless of the active Card width type option

Interacting with the Card Object in Design mode

In Design mode, the Card Object provides the same interactive features available in Play mode, with a few notable differences regarding Drill functions.

You can also configure which options will be available in the Object toolbar in Play mode. To do so, double click or Ctrl + click the Object area and click the Object toolbar icon contents/assets/images/contextual.menu.3dots.png in the top left corner, then expand it by clicking on the 3 vertical dots: the configuration panel is accessible from the cog icon in the top right corner.

contents/assets/images/card.config.context.menu.png

Default drill down

You can configure a drill down path that will be saved in the Card configuration, which will be the default drill that is performed in Play mode when end users click on the Drill down icon (contents/assets/images/drill.down.png) or double-click on a member of the Entity set by row displayed in the card element. You can create one default drill that drills by an Entity, Screen, Procedure, or Drill through. Default drills for Screens, Procedures, and Drill throughs are explained below under the respective heading.

To configure the default drill down on an Entity, proceed as follows:

  1. In a card element, select a member of the Entity set By row

  2. Click on the Drill anywhere icon  contents/assets/images/drill-settings-16.png

  3. From the popup window, select the Entity to drill down on and click APPLY. The configured drill is performed and data is displayed in a Data View

  4. Close the drill down window and save the Screen. The configured Drill is now the default, both in Design and Play mode

End users will still be able to configure other drill down paths in Play mode, if they're allowed to do so. See next paragraph for more details.

Screen selections and selections made by the user using Selector Objects (if any) also apply to data in drill down windows.

The Drill down configuration process can also be started by double clicking on the item you want to associate a drill down path with if no configuration is yet set.

Limit Drill down Entities

You can limit drill down paths that end users are allowed to configure by selecting the Entities the user can drill down on.

To do so, while in Design mode, click on "CONFIGURE" in the top right corner of the Drill anywhere window to enter the Drill anywhere configuration window. From here, under the Entities tab, select/unselect the Entities you want to show/limit to the end user. The selected Entities will be the only ones available to the end user during the Drill anywhere configuration in Play mode.

You can eliminate drill downs on any Entity all together by switching the toggle for Entities to off. The end user will not be able to perform drill downs. This is enabled by default.

You can also configure a default drill down path from the Layout editor. To do so, proceed as follows:

  1. Select the Card and open the Layout editor

  2. Go to Object settings

  3. Go to the Column appearance menu. You can also change the cell appearance by selecting one of the options listed in the dropdown menu. Click on the "CONFIGURE DRILL" button to configure a Drill on one or more Data Blocks.

  4. Select the subpage and select the element you want to create a default drill for and press APPLY or double click the element to save the default drill

  5. Save the Layout.

Drill-to-Screen

To allow users to drill down from a member of the Entity set By Row displayed in a card element to another Screen of the same Capsule with a selection on that very member, proceed as follows:

  1. In a card element, select a member of the Entity set By Row

  2. Click on the Drill anywhere icon contents/assets/images/drill-settings-16.png

  3. From the popup window, click on the "CONFIGURE" button in the top right corner of the window to enter the "Drill anywhere configuration" window, and click on the "Screen" subpage. Enable the toggle next to the Screen subpage title and select all the Screens you would like to allow the end user to drill to.

    These Screens will be the only ones available when conducting a Drill-to-Screen for both Design and Play mode, however, in Design mode, you can see any hidden Screens from the Drill anywhere window when you enable the "Show hidden" toggle in the top right corner of the window (which also shows you the hidden drills.

  4. Click "APPLY" to close the configuration window.

  5. From the Drill anywhere window, you can now further configure your Drill-to-Screen with the following options:

    • Select the "Same tab" checkbox to open the destination Screen in the same browser tab

    • Select the "New tab" to open in a new tab.

    • The Drill to Screen mode, if enabled, will open the destination Screen with a selection on the row header (a member of the Entity set By Row) when the user double-clicks on it or selects it and clicks on the Drill-down icon  contents/assets/images/drill.down.png

    • The Go to Screen mode, if enabled, will open the destination Screen when the user double-clicks on a row header (a member of the Entity set By Row) or selects it and clicks on the Drill-down icon  contents/assets/images/drill.down.png. The destination Screen won't inherit any selection from the Data View

    • The Dynamic Screen option allow to select a Block (an algorithm) to dynamically change the Screen navigation based on another Block values (a text cube containing Screen names)

  6. Click APPLY to save the configuration

The Drill-to-Screen configuration process can also be started by double clicking on the item you want to associate a drill path with if no configuration is yet set.

To create a default Drill-to-Screen configuration, do as follows:

  1. In a card element, select a member or double click on the Object and click on the Drill anywhere icon contents/assets/images/drill-settings-16.png

  2. Select the Screen tab. If "Screen" is not yet configured, enable the "Show hidden" toggle in the top right corner of the window

    If "Screen" is not yet configured as a drill option for end users from the Drill anywhere configuration window, you will not see a Screen tab in the Drill anywhere window. You can make a default Drill-to-Screen without enabling Drill-to-Screens for the end user. To do so, enable the "Show hidden" toggle in the top right corner of the window to see all the possible drills. If the drill headers are not configured for the end user, they have a "hidden" tag next to their heading.

  3. Make a Screen selection and click "APPLY" or double click a Screen to save the Drill-to-Screen default configuration and close the window.

The Drill-to-Screen configuration process can also be started by double-clicking on the item you want to associate a drill path with if a configuration isn't already set.

You can also configure a Drill-to-Screen with a selection filter applied based on the selected member of the Entity set By Row from the Layout editor.
To do so, proceed as follows:

  1. Select the Card and open the Layout editor

  2. Go to Object settings

  3. Go to the Column appearance menu. You can also change the cell appearance by selecting one of the options listed in the dropdown menu. Click on the "CONFIGURE DRILL" button to configure a Drill-to-Screen on one or more Data Blocks. Click on the "Screen" subpage.
    Check the "Same tab" checkbox to open the destination Screen in the same browser tab, and "New tab" to open in a new tab.

    • The Drill to Screen mode, if enabled, will open the destination Screen with a selection based on the on the row header (a member of the Entity set By Row) corresponding to the cell selected or double-clicked by the user in the Data View

      Screen selections and selections made by the user using Selector Objects (if any) also apply to data in the target Screen.

    • The Go to Screen mode, if enabled, will open the destination Screen when the user double-clicks on a cell of a configured Block or selects it and clicks on the Drill-down icon contents/assets/images/drill.down.png. The destination Screen won't inherit any selection from the Data View

    • The Dynamic Screen option allow to select a Block (an algorithm) to dynamically change the Screen navigation based on another Block values (a text cube containing Screen names)

  4. Save the Layout.

The Drill action will be triggered only if the user clicks on the rectangle corresponding to the Block where the Drill-to-Screen has been configured.

This feature allows you to nest your analysis in a more powerful way than the standard drill-down, which only changes the level of granularity of a report. In a Drill-to-Screen navigation the data represented (values, indexes) and types of objects (Charts, Dashboards, Data Views) may vary as the user drills from a top level view to another Screen at a more detailed level.

Screen selections and selections made by the user using Selector Objects (if any) also apply to data in in the target Screen.

Drill-Procedure

It is possible to trigger a Procedure from a member of the Entity set by row displayed in a card element when the user double-clicks on it. The Procedure is launched with a selection filter applied based on the member clicked in the card element.

If a Drill-Procedure containing two or more Procedures is configured, when the user double clicks on a member of the Entity set by row displayed in a card element, a pop-up window will allow the selection of the Procedure to be performed.

To configure a Drill-Procedure on a member of the Entity set By Row displayed in a card element, proceed as follows:

  1. In a card element, select a member of the Entity set By Row

  2. Click on the Drill anywhere icon ( contents/assets/images/drill-settings-16.png)

  3. From the popup window, click on "CONFIGURE" in the top right corner of the window to open the Drill anywhere configuration window and select the Procedures tab

  4. Select the Procedures for the drill configuration. Choose whether the Procedure comes from the "Capsule" or the "Data model" and then select the Procedure from the dropdown menu (as described below)

    • Capsule. If selected, the dropdown menu to the right allows you to choose from a list of Procedures saved at the Capsule level

    • Data model. If selected, select a Data model from the dropdown menu on the right. By doing so, only Procedures belonging to the chosen Data model will display in the dropdown menu to the right

    After you've chosen the desired Procedure, click the ADD button on the right. Repeat the process for each Procedure you want to add to the drill

  5. Enable Procedures with the corresponding toggle by the tab header to allow end users to configure a Drill-Procedure with the Procedures you just added

    If the Procedure toggle is left disabled, its configuration will not be available in Play mode.

  6. Click APPLY to save the Drill-Procedure configuration and return to the Drill anywhere window

  7. Double click a Procedure or select one and click APPLY to set a default Drill-Procedure.

The Drill-Procedure configuration process can also be started by double clicking on the item you want to associate a drill path with if a configuration isn't already set.

You can also configure a Drill-Procedure with a selection filter applied based on the selected member of the Entity set by row from the Layout editor.
To do so, proceed as follows:

  1. Select the Card Object and open the Layout editor

  2. Click on Object settings

  3. Got to the Column appearance menu. You can also change the cell appearance, by selecting one of the options listed in the dropdown menu. Click on the "CONFIGURE DRILL" button to configure a Drill Procedure on one or more Data Blocks as described in bullet point n°2 of the previous bulleted list. Click on the "Procedures" subpage

  4. Save the Layout

Screen selections and selections made by the user using Selector Objects (if any) also apply to data in the triggered Procedure.

Drill through

It is possible to execute a Drill through from a card element, when the user double-clicks on the member of the Entity set by row displayed in it. The Drill through is executed with a selection filter applied based on the clicked Entity member.

Drill throughs are configured in the Drill through section of the Data model.

To configure a Drill through on a member of the Entity set By Row displayed in a card element, proceed as follows:

  1. Select the member of the Entity set by row and click on the Drill anywhere icon contents/assets/images/drill-settings-16.png

  2. From the popup window, click on the "CONFIGURE" button to open the "Drill anywhere configuration" window

  3. Select the "Drill through" tab. Enable the toggle next to it and add the desired Drill throughs you'd like to be available to the end user below. If the toggle is not enabled, the Drill through drill down will not be available within the Drill anywhere window (when accessed by the Object toolbar) for designers or end users

  4. Click "APPLY" to save and return back to the Drill anywhere window where you can now configure a default Drill through

  5. Click APPLY to save the Drill through configuration.

The Drill through configuration process can also be started by double clicking on the item you want to associate a drill path with if a configuration isn't already set.

You can also configure a Drill through with a selection filter applied based on the selected member of the Entity set By Row from the Layout editor.
To do so, proceed as follows:

  1. Select the Card Object and open the Layout editor

  2. Click on Object settings

  3. Go to the Column appearance menu. You can also change the cell appearance by selecting one of the options listed in the dropdown menu. Click on the "CONFIGURE DRILL" button to configure a Drill through on one or more Data Blocks. Click on the "Drill through" subpage

  4. Select a Drill through and press "APPLY" or double click on a Drill through to save and close the window

  5. Save the Layout.

Screen selections and selections made by the user using Selector Objects (if any) also apply to data in the Drill through.


Was this article helpful?