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
<link href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
<script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>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
Replies (6)
https://drive.google.com/file/d/1dfe-b7EqOMHDVi8OajKfJ3D0FC3xHcrT/view?usp=share_link
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`?<pre lang="php"></pre>
Hi,
As mentioned in my previous answer, you can resolve the missing link by following these steps:
Download the missing fullcalendar folder.
https://drive.google.com/file/d/1dfe-b7EqOMHDVi8OajKfJ3D0FC3xHcrT/view?usp=share_link
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
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.
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.
