Skip to content

Creating Custom Views

Intermediate 15 minutes Auto-generated screenshots

Overview

Custom views let you add external content to your Supercloud dashboard. Embed monitoring tools, documentation, or any web content directly in the RosettaHub Federated Dashboard alongside your MetaCloud and Cloud Operations panels.

Prerequisites

  • [ ] RosettaHub account
  • [ ] Understanding of basic dashboard navigation

View Types

Type Description Use Case
URL View Embeds an external webpage Grafana, Jenkins, documentation
HTML View Custom HTML content Announcements, widgets
Component View Built-in RosettaHub panels Standard functionality

Creating a URL View

Step 1: Open View Management

Click Add View or use the keyboard shortcut.

Step 2: Select URL View

Choose URL View from the view type options.

Step 3: Configure the View

Field Description
Label Display name for the tab
URL Full URL to embed
Refresh Auto-refresh interval (optional)

Step 4: Save and View

Click Create to add the view to your dashboard.

Creating an HTML View

Step 1: Select HTML View

From the Add View dialog, choose HTML View.

Step 2: Enter HTML Content

Write or paste your HTML content:

<div style="padding: 20px; text-align: center;">
  <h2>Team Announcements</h2>
  <p>Sprint planning: Monday 10 AM</p>
  <p>Release: Friday 5 PM</p>
</div>

Step 3: Preview and Save

Preview your HTML and click Create.

Best Practices

URL View Tips

  • Ensure the target site allows embedding (X-Frame-Options)
  • Use HTTPS URLs for security
  • Consider mobile responsiveness

HTML View Tips

  • Keep HTML simple and lightweight
  • Avoid external scripts for security
  • Use inline styles for portability

Next Steps