This lesson will cover the following topics:

01 | Getting Started
02 | Embed LWC
03 | Width
04 | Got Feedback?

01 Getting Started

This tutorial covers troubleshooting visibility issues when you embed your Titan projects.

02 Embed LWC

The width of the embed will control the size of the webpage. Suppose you will embed your project as a lightning web component in Salesforce. In that case, it is essential to have different devices configured to ensure the content displays correctly according to the space allocated.

Screenshot showcasing how the lightning web component changes size depending on the window allowance

03 Width

When using the iframe or embed option to publish your project, it is important to adjust the width to 100%. By making this change, you can ensure that your project will always use the full width of the container in which it is displayed.

Copy the code from the Publish Project window and paste it into a text editor. Here, you can edit the code and change the width to 100%.

screenshot showing where to copy the embed/iframe code and how to change it in notepad

04 Got Feedback?

Additional Resources