The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

fullcalendar didnt work on laravel + metonic 8.2.0

Hi, from your documentation https://preview.keenthemes.com/html/metronic/docs/general/fullcalendar/overview

need to include



But there is no the public/assets/plugins/custom/fullcalendar

  1. What is the step to add to webpack? so when I run npm run dev, make sure fullcalender will copy. is it add to resources/mix/plugins.js? what to add?

  2. The 2 lines of code need to add to where

@push('scripts')
<add here?>
@endpush

Hopefully the documentation can include more detail.

Thanks

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 (6)


Increases attention span Geometry Dash games can help increase attention span, as players often need to focus for long periods of time in order to succeed.



Thank you for bringing this to our attention. We apologize for any inconvenience this may have caused. The missing font files, will be addressed in the next update.

We appreciate your feedback. If you encounter any other issues or have further questions, please feel free to reach out. Thank you.



Hi,

As mentioned in my previous answer, you can resolve the missing link by following these steps:

Download the missing fullcalendar folder.



and place it in the /resources/mix/vendors/fullcalendar directory.

After copying the folder, you need to build the project by running the command npm run dev. This command will compile the assets and dependencies, including the newly added fullcalendar files.

Once the build process is complete, you can use the addVendors(["fullcalendar"]) function in your DashboardController to load the fullcalendar built JavaScript file from /public/assets/plugins/custom/fullcalendar.

Thanks



I also notice that bootstrap-icons/bootstrap-icons.woff2 also missing.
If you using fslightbox, it will not able to display the eye icon.
Kindly advice for this. And also fix your zip file.
Thanks



Apologies for the missing file regarding the FullCalendar plugin. You can download the file from the following link and then add it to this directory: /laravel/starterkit/resources/mix/vendors/fullcalendar.

After downloading, build it using the standard "npm run dev" command. The FullCalendar file will subsequently appear in the directory: /public/assets/plugins/custom/fullcalendar.

To include the FullCalendar script in your Blade template, you can add the following code at the bottom of your blade.php file:

@push('scripts')
< script src="{{ asset('assets/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}"></script>
@endpush

This code can be placed within the blade.php file to ensure proper integration.


Hi, As I go through the code, I notice the better way should be go to Controller file inside the function

class DashboardController extends Controller
{
 public function index()
 {
 addVendors(['fullcalendar']);

 return view('pages.dashboards.index');
 }
}

I see a missing link between, node_modules copy to /resources/mix/vendors/. Now is current flow is manually copy it, or it should something script in webpack to copy if run npm update?

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  :(