Why isn't Backpack using CSS? - laravel

Installed Backpack on a fresh Laravel install. Maybe I'm missing something but is it normal for the views Backpack adds to have no CSS? It's pure HTML with no formatting. I've watched videos of people installing it and they show the webpage properly formatted.

You are correct, if properly inatalled Backpack does come with CSS and JS. To get it, you should follow the installation steps in the documentation.
One important step that you might have missed is “php artisan backpack:install”, which will also publish the needed CSS and JS.

Related

VS Code Vetur extension failing to read VueJS with InertiaJS files

I started working on a new Laravel, Vue and inertiaJS project and I'm using VS code editor. The problem I'm having is that Vetur isn't getting that I'm using Inertia not pure Vue components; therefore, It keeps on highlighting everything in red because It assumes that everything is unidentified and unknown.
The below image is to demonstrate what I mean:
Is there a way I can work with InertiaJS on VS Code without having these disturbing errors everywhere and see only valid errors?
Vetur is deprecated, which is likely the cause of the problem. Switch to Volar.
From the Vue docs:
TIP
Volar replaces Vetur, our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.

Vuetify 3 with vue

I have installed vue 3 with vuetify alpha version for vue 3 using vite. But almost none of the UI components works correctly. The colors are diferent, even if I copy-paste the template and script tags for the respective UI component.
For example this is how it looks for me:
And this is how it looks on their website:
AM I doing something incorrectly ? Or is it really incompatible and not reliable with vue 3
The upgrade is not very straightforward because a lot of props has been changed. And the documentation for vuetify 3 is outdated so you can't just copy and paste from the documentation. Currently, I'm a afraid that you should look into the source code to figure it out.

How to customize html in Aimeos?

First time using aimeos and I'm having difficulty locating the file with the html code.How do I access the files? e.g, using this demo link https://laravel.demo.aimeos.org/default/en/EUR where do I find the html code responsiveble for displaying the navbar?
You can do this through the settings provided by laravel aimeos: https://aimeos.org/docs/latest/laravel/customize/
You can also create a theme extension (this is the recommended option) and make changes according to your needs.
You can find the documentation at this link: https://aimeos.org/docs/latest/laravel/themes/
Also, you can use the following tool to generate a theme extension: https://aimeos.org/extensions
This way you will be able to customize all the html, css, javascript, php without losing changes when you upgrade the laravel aimeos package.
Regards,

How to replace actions with html icon on backpackforlaravel

I have created this app with backpack for laravel where the table created by using backpack:build
I need to replace the word actions with an icon from line-awesome for example toolbox
<i class="las la-toolbox"></i>
I tried to add the HTML on the language file
resources/lang/vendor/backpack/en/crud.php but it's not working
In Backpack 4.0 or 4.1, you can change the default buttons any way you see fit by publishing the view file, and making changes to the published file. If Backpack sees a file with the same name & path inside your project, it'll use that one instead of the one in the package.
For example:
if this file exists: resources/views/vendor/backpack/crud/buttons/delete.blade.php
then Backpack will load that one, instead of the normal vendor/backpack/crud/src/resources/views/crud/buttons/delete.blade.php
For reference, you can find all default Backpack buttons here, in the Backpack/CRUD package. Overwriting one is just a matter of creating a file with the same name in the directory I mentioned above.
You can publish a blade file even easier by using this command:
php artisan backpack:publish crud/buttons/delete
Then make any changes you want to it, like removing the text to only leave the icon.
In Backpack 4.2 it is possible that an easier solution will be implemented for this particular need. See this PR for more information. Backpack 4.2 will be released in spring 2021.

Generating pdf of web page in laravel

I want to generate a pdf of a form that a user fills and download it to the users computer.
I tried using the Dompdf package from laravel to do this and everything works fine except the design. The generated pdf does not look exactly like the web page, after doing some searching about this issue, I found out that dompdf does not support a few of the css option.
I was wondering whether there are any other free packages like dompdf that I could use which can have rich styling and convert the web page to pdf with the exact design.

Resources