[SOLVED] Custom HTML with other components on the page

[alcampopiano]

Hi everyone,

I am currently able to display some html programatically. That is, a new form with the custom html is displayed when a link is clicked. However, when the html is displayed, I would like to maintain the top header (that contains my “sign out” button) as well as some other components (eg “home”) that are a part of the previous page (much of it built using the “single-column.html” form).

Is there a way to display the html say, inside of a card, or some other way of achieving this?

There is a section in the docs about “slots” but I’m new to this type of thing and couldn’t quite figure it out (still trying).

Sincerely,
Al

[stefano.menci]

I did it by creating a second form, dragging that form inside your form and accessing it’s html property.

Let me know if this quick description helps or you need more details.

[alcampopiano]

Hi there,

Thanks for the response. How are you dragging one form into another?

Al

[stefano.menci]

Just drag it from the list of forms on the left to the form in the IDE:

[alcampopiano]

That is really cool! I did not know you could do that. Turns out that now my html is getting cut off in the margins. I was hoping that it would squish to fit inside the card (or the page). I’ve attached the image. Am I not setting something properly? I’ve tried setting the properties of the card to “large”.

[alcampopiano]

Never mind. The container property for the custom html component had to be set to “full width row”. Awesome!!