question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improve Embed Feature.

See original GitHub issue

Currently the embed feature is basic, it just embeds under some default settings. Would like something as follows:

  1. Click Embed
  2. Dialog Opens
  3. Dialog has following options
  • iFrame Size
  • Color Theme
  • Optional Project Title Display
  • Landing Circuit Tab (Circuit that is displayed be default)
  • Some Styling options like border etc
  • Optionally Disable stuff like Clock Enable/Clock Time Interval/Zoom/FullScreen options
  • Some more stuff like this

Referencing https://github.com/CircuitVerse/CircuitVerse/issues/1555

Current Sample iFrame Code

<iframe width="600px" height="400px" 
src="https://circuitverse.org/simulator/embed/sap-1-computer-5a0acd53-6e0c-434d-b19d-4073d9a6dc58" 
id="projectPreview" scrolling="no" 
webkitAllowFullScreen mozAllowFullScreen allowFullScreen></iframe>

I think we can encode the options like this

https://circuitverse.org/simulator/embed/<project id>?color-theme="default"&landing-circuit-id="21323"&display-title="true"

@danielluehr would like your inputs here. @sal2701 @Shivansh2407 @nitin10s

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
vedant-jain03commented, Jan 6, 2022

@vedant-jain03 I want to work on this issue, if you are not working on it?

Go ahead, I am working on #1892 currently.

2reactions
Kartikay304commented, Dec 13, 2021

@vedant-jain03 You can work on this issue. Currently. I am not working on this issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Best practices for using third-party embeds - web.dev
This article discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the ...
Read more >
Best Practices on Embedding Third-Party Web Widgets
Third-party web widgets (also known as web embeds) are the most straightforward feature integration across web apps.
Read more >
The Ultimate Guide to Embedding Content on Your Website
Find out how to embed content onto your website from Twitter, Facebook, Instagram, Pinterest, Google, YouTube, and SlideShare.
Read more >
14 Fun Things To Embed in Your WordPress Website Today
Embed almost anything in your website with these interesting tools and fun plugins. Inject levity, increase engagement, offer entertainment, ...
Read more >
From object to iframe — other embedding technologies
Select the Share or embed map option. Select the Embed map option, which will give you some <iframe> code — copy this. Insert...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found