Solved

Embed HTML responsive web design

6 replies
149 views
Translate All

Has anyone implemented responsive web design for the embed HTML or is the content not responsive? If implemented, then please share code.

C

Caden EAnswer

Lucid product team

Are you maybe thinking about the CSS framework Bootstrap? It is an unfortunately overloaded term. Lucid uses the term “bootstrap” (as in extensionBootstrapData) in the more general software sense, meaning essentially “initialization”. When creating a document with the REST API, you can attach a payload (extensionBootstrapData) to “bootstrap” or “initialize” a specific extension on that document.

C

Caden E

Lucid product team

Hi Ambient,

That depends on what you mean by “responsive web design”. <iframe>s can be wrapped in containers that can be styled to be responsive/resizable (see media queries and the resize CSS property). If you’re wondering if the canvas zoom itself can be responsive, then no, but the canvas can be zoomed in/out regardless of the container size.

Translate

A

AmbientAuthor

I believe Lucid REST API + Lucid Extension API using Bootstrap (extensionBootstrapData) is intended for responsive web design. Does anyone agree or disagree?

Translate

C

Caden E

Lucid product team

The bootstrap data description in the documentation describes that it’s used when you want to pass data directly to a specified extension (Extension API) when programmatically creating a document (REST API; Standard Import). This doesn’t quite fit the description of responsive web design; it’s a feature focused on passing data, also with the option of marking an extension as required for a document.

Translate

A

AmbientAuthor

The following is responsive iframe code, with inline CSS aspect-ratio property as the key, without a wrapper:

I still do not understand the purpose for or benefit of Lucid Extension API using Bootstrap (extensionBootstrapData). Why would a person use Lucid REST API + Lucid Extension API using Bootstrap (extensionBootstrapData) with bootstrap payload, instead of only Lucid REST API with JSON payload? Also, did I get the bootstrap payload wrong?

Translate

C

Caden EAnswer

Lucid product team

Are you maybe thinking about the CSS framework Bootstrap? It is an unfortunately overloaded term. Lucid uses the term “bootstrap” (as in extensionBootstrapData) in the more general software sense, meaning essentially “initialization”. When creating a document with the REST API, you can attach a payload (extensionBootstrapData) to “bootstrap” or “initialize” a specific extension on that document.

Translate

A

AmbientAuthor

I understand extensionBootstrapData now, thank you.

I have modified the following responsive iframe code, with inline CSS aspect-ratio property and height set to auto as the keys, without a wrapper:

Translate

Create an account in the community

Log in to the community