Studio components - Layout components

8 Oct 2026
Knowledge

Description

This article is a sub-section of Studio components - Overview and settings, specific for components in the category Layout.

Preview

Name

Description

Image

This component enables you to add an image.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Image

Upload the image you wish to display. It is not possible to dynamically adjust the image to a device. To show a different image, a separate device page will need to be created.

Object fit

This setting determines how the image will be scaled.

Cover	Covers the entire content of the component with the image while retaining the original aspect ratio.
Contain	Contains the image within the component while retaining the original aspect ratio.
None	Original size.

Text Note

This component enables you to freely add text.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Text

Editing is possible in rich text editing, for easy and convenient formatting of text, and plain text editing, for backwards compatibility with Markdown. In plain text editing, HTML is also supported, but HTML cannot be used together with Markdown syntax.

Tip: To have text dynamically adjust to the device, please see How to create dynamic cards, pages, and reports.
Tip: To add images or emoticons like in the preview, simply copy the image from a different source and paste it in the component. Note that image editing or resizing is not supported within this component, so make sure the source material is the appropriate size.

Title

Studio components - Layout components

URL Name

Studio-components---Layout-components

Studio components - Layout components

Introduction

Remote Access

Fleet Management

User Management

Customer Portal

Machine Data

Notifications

Hardware

Open Innovation

Security and Availablility

Release Notes

Knowledge

Studio components - Layout components

Article Details

Properties

Introduction

Getting Started

Remote Access

VPN connection

VPN Client

Web Access

Connect to your machine

Connection details

Fleet Management

Edge gateway registration

IXagent registration

WAN Settings

LAN Settings

Edge gateway firewall

General device settings

User Management

Setup

Invite and manage users

My account

External Identity And Access Management

Customer Portal

Custom login page and homepages

White labeling

Machine Data

Live Data

Historical Data

Data Source protocols

Pages, cards, and reports

Components

AI assistant

Notifications

Alarms & Notifications

Hardware

Edge gateways and accessories

Open Innovation

Custom development

Marketplace

Security and Availablility

Security

Availability

Release Notes

IXON Cloud

Knowledge

Highlighted Articles

Tips

Related Articles