> ## Documentation Index
> Fetch the complete documentation index at: https://help.i88.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add and Configure Widgets on Your i88 Dashboard

> Learn how to add widgets to any dashboard tab, configure their data filters and settings, apply updates, and remove widgets you no longer need.

Widgets are the building blocks of your i88 dashboard. Each widget is a self-contained panel that surfaces a specific type of market data — from live price charts to macro indicators to breaking news. You can populate any tab with as many widgets as you need, configure each one to match your focus, and rearrange or remove them at any time without affecting the rest of your workspace.

## Widget catalog

i88 ships a growing library of widgets, grouped into five categories. Expand any widget to see what it looks like and what it shows.

### Market Overview

<AccordionGroup>
  <Accordion title="Top Indices YTD">
    <Frame caption="Ranked year-to-date, with value and volatility tag">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-top-indices.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=7fb9b6638447780720a44c72d7a91818" alt="The i88 Top Indices YTD widget ranking Nikkei 225, CAC 40, CBOE, Russell 2000, NASDAQ Composite and the S&P 500 by year-to-date performance" width="1200" height="780" data-path="images/screenshots/widget-top-indices.webp" />
    </Frame>

    Year-to-date performance of major global indices, ranked, with each index's value and a volatility tag.
  </Accordion>

  <Accordion title="Sector Performance">
    <Frame caption="Stock sectors ranked by today’s change">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-performance.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=b5f26e360bba29db1633f85bc9b6cc71" alt="The i88 Performance widget ranking stock sectors for today, from Communication Equipment at 18.13% down to Regulated Gas at -0.86%" width="1200" height="780" data-path="images/screenshots/widget-performance.webp" />
    </Frame>

    Relative strength of stock and forex sectors over a chosen period — see at a glance which sectors lead or lag.
  </Accordion>

  <Accordion title="Gainers & Losers">
    <Frame caption="Stock gainers over one day, with sparklines">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-gainers-losers.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=c0c36f5034fd793bac2e9399541e6337" alt="The i88 Price list widget filtered to stock gainers over one day, listing tickers with price, percentage change and a sparkline" width="1200" height="780" data-path="images/screenshots/widget-gainers-losers.webp" />
    </Frame>

    Top-moving tickers in real time for the selected market — switch between gainers and losers and change the period.
  </Accordion>
</AccordionGroup>

### Price & Charts

<AccordionGroup>
  <Accordion title="Price">
    <Frame caption="S&P 500 Index over one day, with previous close">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-price.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=ea399424e17dff722926dd0a4288f25e" alt="The i88 Price widget for the S&P 500 Index over one day, showing $7,510.96 up 0.33% with current price and previous close reference lines" width="1200" height="780" data-path="images/screenshots/widget-price.webp" />
    </Frame>

    Live price and an intraday chart for any ticker, with previous close, current price and the day range.
  </Accordion>

  <Accordion title="Price List">
    <Frame caption="Many tickers at once, price, change and sparkline">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-price-list.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=281e1fafb5e0440cd3599127dac21c59" alt="The i88 Price list widget filtered to stock gainers over one day, showing symbols, prices, percentage change and sparklines" width="1200" height="780" data-path="images/screenshots/widget-price-list.webp" />
    </Frame>

    A compact, sortable list of tickers for a chosen market (crypto, stocks, commodities and more) with price, change and a sparkline.
  </Accordion>
</AccordionGroup>

### Macro & Economy

<AccordionGroup>
  <Accordion title="US Inflation">
    <Frame caption="Latest reading and the year-over-year move">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-us-inflation.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=a6e9b165df96a3bc50c9c06d7a0909b9" alt="The i88 US inflation widget showing a 2.3% one-year CPI reading, down 0.5 percentage points year over year, with a trend line" width="1200" height="780" data-path="images/screenshots/widget-us-inflation.webp" />
    </Frame>

    Current and historical U.S. inflation (CPI) with the year-over-year change.
  </Accordion>

  <Accordion title="Federal Funds Rate">
    <Frame caption="Current policy rate and next FOMC review">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-federal-funds.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=9a262194012dfba36564d078624ad67f" alt="The i88 Federal funds widget showing a 4.50% policy rate and the date of the next FOMC review" width="1200" height="780" data-path="images/screenshots/widget-federal-funds.webp" />
    </Frame>

    The Fed's latest policy rate and the date of the next FOMC review.
  </Accordion>

  <Accordion title="US Economic Data">
    Key U.S. macroeconomic releases — GDP, employment, PMI and more. *(Screenshot coming soon.)*
  </Accordion>
</AccordionGroup>

### Crypto

<AccordionGroup>
  <Accordion title="Market Capitalization">
    <Frame caption="Total crypto market cap beside 24-hour volume">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-market-cap.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=c020e7d539e95464ad58b82bb8db7b8c" alt="The i88 Market cap widget showing crypto market capitalization of $3.28T, down 1.24%, alongside $102.24B of volume and a trend chart" width="1200" height="780" data-path="images/screenshots/widget-market-cap.webp" />
    </Frame>

    Total crypto market capitalization and trading volume, with trend.
  </Accordion>

  <Accordion title="Bitcoin Dominance">
    <Frame caption="BTC, ETH and others as a share of total market cap">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-dominance.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=b7d1cd64ec9c8b8cb53994856f7e3a92" alt="The i88 Dominance widget with a BTC, ETH selector and a stacked share bar: Bitcoin 64.2%, Ethereum 9.3%, Others 26.5%" width="1200" height="780" data-path="images/screenshots/widget-dominance.webp" />
    </Frame>

    The share of total crypto market cap held by BTC, ETH and others.
  </Accordion>
</AccordionGroup>

### News & Events

<AccordionGroup>
  <Accordion title="News Summary">
    <Frame caption="The day’s stories condensed, with a sentiment label">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-news-summary.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=c227f3f60dc3f50df3b44170846194a7" alt="The i88 News summary widget labelling the economic outline as Optimistic above a short digest and the time it was generated" width="1200" height="780" data-path="images/screenshots/widget-news-summary.webp" />
    </Frame>

    A concise summary of the current market outline, distilled from top stories.
  </Accordion>

  <Accordion title="Latest News">
    <Frame caption="Headlines newest first, filterable by market">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-latest-news.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=54b80b72bda607cf49c298f8267058f1" alt="The i88 News widget with market, location, category and source filters above a feed of headlines with summaries and timestamps" width="1200" height="780" data-path="images/screenshots/widget-latest-news.webp" />
    </Frame>

    A live, filterable feed of financial headlines across all markets.
  </Accordion>

  <Accordion title="Economic Calendar">
    <Frame caption="Releases with impact, actual, forecast and prior">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-economic-calendar.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=14251657adf6d2e3c3d0f91a0ff0c4fc" alt="The i88 Calendars widget with country, watchlist, economic and impact filters, showing the MBA 30-Year Mortgage Rate release with actual, forecast and prior values" width="1200" height="780" data-path="images/screenshots/widget-economic-calendar.webp" />
    </Frame>

    Upcoming and past economic events with impact level, country, and forecast/previous values.
  </Accordion>

  <Accordion title="High-Impact Hour Map">
    <Frame caption="Today’s release windows and the next event">
      <img src="https://mintcdn.com/i88/noQEWDX8RazP51Pg/images/screenshots/widget-high-impact-hour-map.webp?fit=max&auto=format&n=noQEWDX8RazP51Pg&q=85&s=77da80096c801c71ca5efe2da8637fba" alt="The i88 High-Impact Hour Map widget with 24 hourly columns, the current hour highlighted and the next event, the US Federal Funds Rate, due in two hours" width="1200" height="780" data-path="images/screenshots/widget-high-impact-hour-map.webp" />
    </Frame>

    A map of today's high-impact economic release windows, with a countdown to the next event.
  </Accordion>
</AccordionGroup>

## Adding a Widget

Enter **Set Up** mode on the tab where you want to add a widget, then pick from the widget library.

<Steps>
  <Step title="Open the tab you want to edit">
    Click the **Main**, **Crypto**, **Stock**, or any custom tab at the top of the dashboard to make it active.
  </Step>

  <Step title="Enter Set Up mode">
    Click the **Set Up** button in the dashboard toolbar. The layout shifts into edit mode — existing widgets display drag handles and action controls, and a widget library panel becomes available.
  </Step>

  <Step title="Browse and select a widget">
    In the widget library, browse by category or scroll through the full list. Click a widget card to preview a short description of what it displays.
  </Step>

  <Step title="Add the widget to your tab">
    Click **Add** on the widget card. The widget appears at the bottom of the current tab section. You can reposition it immediately or exit Set Up mode and move it later.
  </Step>

  <Step title="Exit Set Up mode">
    Click **Done** (or the close control) to save the new layout. Your tab now includes the new widget, and the change is persisted to your account automatically.
  </Step>
</Steps>

## Configuring a Widget

Most widgets expose a settings or filter panel that lets you tailor the data they display. To open it, click the **settings icon** (⚙) on the widget header while in Set Up mode — or, on some widgets, directly from the widget toolbar when Set Up mode is inactive.

Common configuration options include:

* **Ticker or symbol filter** — Restrict the widget to one or more instruments (e.g., `AAPL`, `BTC/USD`, `EUR/USD`).
* **Time interval** — Choose the candle or data interval (1 min, 5 min, 1 hr, 1 day, etc.) for chart and price widgets.
* **Data field toggles** — Show or hide individual data columns such as volume, market cap, or percentage change.
* **Date range** — Set a custom lookback window for historical charts and economic data widgets.

Apply your choices and the widget refreshes immediately. Settings are saved with your layout — they persist the next time you load the dashboard.

## Updating a Widget

As i88 releases new platform versions, individual widgets may receive feature additions, data improvements, or display enhancements. When a saved widget on your dashboard is out of date, an **Update Available** prompt appears directly on the widget card.

To apply the update:

1. Click the **Update** button on the widget prompt.
2. i88 replaces the widget with the latest version while preserving your existing configuration where possible.
3. Review the widget settings after updating in case new options are available.

<Info>
  If an update resets a setting you had customized, re-enter Set Up mode, reopen the widget settings panel, and reapply your preferences.
</Info>

## Removing a Widget

To remove a widget you no longer need:

1. Click **Set Up** to enter edit mode.
2. Locate the widget you want to remove.
3. Click the **✕ Remove** control on the widget's action bar.
4. Click **Done** to save the updated layout.

The widget is removed from the tab only — it remains available in the widget library and can be re-added at any time without any loss of your account data.

<Tip>
  On desktop, use your **arrow keys** to navigate between dashboard sections quickly without scrolling. This is especially handy when you have dense layouts across multiple sections on a single tab.
</Tip>
