cancel
Showing results for 
Search instead for 
Did you mean: 
intapiuser
Community Team Member
Community Team Member

 Requirement

In this article, we will look to create a personalized dashboard navigation landing page that shows:
  • The logged user's most popular dashboards.
  • Most popular dashboards on the company level.
Consider further enhancing the logic presented in this article.
mceclip2.png

Solution

Steps:
1) To address the need, we will first need to learn how to implement a landing page - Follow this article to learn more on that.

mceclip0.png
The reasoning behind it is we will use data-security where we will give a logged user permissions to see:
  • His own records - Retrieving his popular dashboards
  • The dummy user records - Retrieving the most popular dashboards on a company level.
4) Add data-security rules to the model that enables the user to see his own UserID/UserName from DimUsers table + UserId/UserName '-1'.
5) Find the attached BloX template that introduced action buttons to jump to a specific dashboard.

LandingPage.json:

{
    "card": {
        "style": "",
        "script": "",
        "title": "",
        "showCarousel": false,
        "body": [
            {
                "spacing": "",
                "type": "Container",
                "items": [
                    {
                        "type": "TextBlock",
                        "text": "{panel:Dashboard Name}",
                        "horizontalAlignment": "center",
                        "size": "medium",
                        "style": {
                            "color": "#117899"
                        }
                    },
                    {
                        "spacing": "small",
                        "type": "TextBlock",
                        "text": "{panel:Total Column} # of Actions",
                        "color": "default",
                        "horizontalAlignment": "center"
                    }
                ]
            }
        ],
        "actions": [
            {
                "type": "Action.OpenUrl",
                "title": "{panel:Dashboard Name}",
                "url": "http://10.50.57.72:30845/app/main#/dashboards/{panel:Dashboard ID}"
            }
        ]
    },
    "config": {
        "fontFamily": "Open Sans",
        "fontSizes": {
            "default": 16,
            "small": 12,
            "medium": 22,
            "large": 32,
            "extraLarge": 50
        },
        "fontWeights": {
            "default": 500,
            "light": 100,
            "bold": 1000
        },
        "containerStyles": {
            "default": {
                "backgroundColor": "lightgrey",
                "foregroundColors": {
                    "default": {
                        "normal": "#3A4356"
                    },
                    "white": {
                        "normal": "#ffff"
                    },
                    "grey": {
                        "normal": "#5C6372"
                    },
                    "orange": {
                        "normal": "#f2B900"
                    },
                    "yellow": {
                        "normal": "#ffcb05"
                    },
                    "black": {
                        "normal": "#000000"
                    },
                    "lightGreen": {
                        "normal": "#3ADCCA"
                    },
                    "green": {
                        "normal": "#54a254"
                    },
                    "red": {
                        "normal": "#dd1111"
                    },
                    "accent": {
                        "normal": "#2E89FC"
                    },
                    "good": {
                        "normal": "#54a254"
                    },
                    "warning": {
                        "normal": "#e69500"
                    },
                    "attention": {
                        "normal": "#cc3300"
                    }
                }
            }
        },
        "imageSizes": {
            "default": 40,
            "small": 40,
            "medium": 80,
            "large": 160
        },
        "imageSet": {
            "imageSize": "medium",
            "maxImageHeight": 100
        },
        "actions": {
            "color": "",
            "backgroundColor": "#10a5F5",
            "maxActions": 5,
            "spacing": "small",
            "buttonSpacing": 20,
            "actionsOrientation": "horizontal",
            "actionAlignment": "center",
            "showCard": {
                "actionMode": "inline",
                "inlineTopMargin": 16,
                "style": "default"
            }
        },
        "spacing": {
            "default": 5,
            "small": 20,
            "medium": 40,
            "large": 60,
            "extraLarge": 40,
            "padding": 25
        },
        "separator": {
            "lineThickness": 1,
            "lineColor": "#eeeeee"
        },
        "factSet": {
            "title": {
                "size": "default",
                "color": "default",
                "weight": "bold",
                "warp": true
            },
            "value": {
                "size": "default",
                "color": "default",
                "weight": "default",
                "warp": true
            },
            "spacing": 20
        },
        "supportsInteractivity": true,
        "height": 842,
        "imageBaseUrl": ""
    }
}
6) Import the attached dashboard example NavigationDashboard (1).dash.
You can learn more on how to customize BloX in the following documentation page: https://www.sisense.com/marketplace/blox-widgets/
That's it!
Rate this article:
Comments
prakashp
8 - Cloud Apps
8 - Cloud Apps

Hi
the link at the top (for the landing page tutorial/blog) is broken. I'm interested in creating a navigation page that provides the user a one-stop for all the dashboards (link + description) in a 2 column page. 

This sisense.wixanswers.com page can’t be found

No webpage was found for the web address: https://sisense.wixanswers.com/en/article/replace-the-homepage-with-an-embedded-dashboard

Version history
Last update:
‎02-23-2024 09:17 AM
Updated by: