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.

It only display a Dark Black overlay window with no Picture with Vue.js

See original GitHub issue

It only display a Dark Black overlay window with no Picture. Think i’ll need help.

Am using Vue.js with the Visual Code Basic as the tool.

I have did the “import” as well as the “Vue.use()” at main.js; below is the code that I copied from the given demo site.

          <b-row>
            <b-col md="12">
              <silentbox-single
                src="../uploads/familyFree.jpg"
                description="The Arctic Light by Terje Sorgjerd"
              >
                <img src="../components/img/Phone2.png" width="200px">
              </silentbox-single>
            </b-col>
          </b-row>

I use bootstrap vue, could there be any problem when using with it.

image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:13 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
silencesyscommented, Jun 19, 2019

That error is not related to Silentbox, it seems that something at your server is taking too long to load (it might be the image). I have also tried running Silentbox with Bootstrap vue and had no errors, thus I wonder if the blank image is not due to the wrong image link or that thing that is taking too long to load.

0reactions
KaitoXioncommented, Jun 26, 2019

helping with implementation

err… this kinda much. I don’t know how to reach. I’m send you a pm on twitter. Is nice to have a working example though.

I had just send you a message on twitter. thank you very much for your kindness.

Read more comments on GitHub >

github_iconTop Results From Across the Web

🌙 How to implement darkmode with a Vue.js component - ...
From App.vue , copy the :root and :root.dark-theme styles and add them to your own project's structure. · Then, copy the whole content...
Read more >
Overlay | Components
The b-overlay component is used to visually obscure a particular element or component and its content. It signals to the user of a...
Read more >
Why is my vuetify dialog hidden behind this evil overlay?
I have a vuetiful component which should just display a dialog. Unfortunately, an evil overlay has taken over the domverse.
Read more >
Overlay component
The v-overlay component is used to provide emphasis on a particular element or parts of it. It signals to the user of a...
Read more >
Vue.js Image Transformations
Resize, crop and transform images, convert formats, apply image effects, add overlays, CDN delivery with Vue.js.
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