Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Adding fslightbox to vue projects


Hi team,

First of all ; thank you for the great work. Metronic is the best.
I can found scss for fslightbox but no js or ts.

Can you help me adding it ?
Best regards


G
Guest 3 years ago
Vue
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

G
Guest 3 years ago

Thanks a lot, I'm sorry but it's not working.

Package is installed.
I tried importing import "fslightbox"; is main.ts and in a component, but it's not working.

I think we have to instanciate fslightbox ?

I'm using : ... data-fslightbox="lightbox-projects" ... on elements


user
Lauris Stepanovs Author 3 years ago

Hi,

Sorry for the delay in reply.

Could you please attach your HTML code?

Also, they have a separate vue fslightbox dependency, it should be easier to use it in a Vue.

Check their official documentation:


Regards,
Lauris Stepanovs,
Keenthemes Support Team


G
Guest 3 years ago

Hi Lauris,
No worries.

It's perfectly working with vue fslightbox dependency.

Thanks a lot !


user
Lauris Stepanovs Author 3 years ago

Hi,

All the best with your project. Please don't hesitate to reach out if you need anything more from us.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
user
Lauris Stepanovs Author 3 years ago

Hi,

Thank you for your feedback we appreciate this a lot.

At the moment fslightbox is not used in our Vue version, but you can easily install it through npm.

npm install fslightbox


Then you can import fslightbox styles and js files using import below.

import "fslightbox";


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(