I am using an AdminLte template, which I use as a layout. In the part where I am going to put the content it is like this: <div class="content-wrapper"> <section class="content"> @yield(‘content’) </section> <!– /.content –> </div> In the view where I have the content to display I have: @extends(‘layouts.app’) @section(‘content’) <div> <img class="mx-auto my-auto ..
Problem is that I can only use the code A or code B in the webpack.mix.js file without any error. I use jetstream which uses tailwindcss in my dashboard view and I use sass in another view. When I only use code B, the dashboard can’t compile obviously the style. So how can I use ..
I’ve got problem with self-created sidebar in admin panel. It works fine on desktop, but I want that in mobile it should change position to top. At this moment it looks like this: LINK <div class="col-3" id="sticky-sidebar"> <div class="sticky-top"> <div class="card-body" align="center"> <h4>Admin Panel</h4> <div class="nav flex-column" align="center"> <div class="sidebar-menu-header"> <h5>Site</h5> </div> <button class="btn btn-outline-dark ..
I am trying to create a table which is scrollable within mobile view. Blade Below is the blade view which contains the table with the data which works fine within desktop view <div class="row"> <div class="col"> <div class="table-responsive"> <div class="table"> <div class="row table-head d-none d-md-flex"> <div class="col">Name</div> <div class="col">Email Address</div> <div class="col">Member Status</div> </div> @foreach($user->linkedUsers ..
I can’t see the icomoon icons in production because it returns a 404 error: GET /icons/icomoon.woff net::ERR_ABORTED 404 (Not Found) GET /icons/icomoon.woff2 net::ERR_ABORTED 404 (Not Found) I have the following code in public/icons/style.css: font-face { font-family: ‘icomoon’; src: url(‘icomoon.woff’) format(‘woff’), url(‘icomoon.woff2’) format(‘woff2′); font-weight: normal; font-style: normal; font-display: block; } I’ve tried to put the src ..
Icons are not showing after I put the HTML in the blade but are showing on the HTML Template. Since the files were under node_modules, knowing it would not make much of a difference I still tried using npm install. I have attached the CSS and Blade below followed by a screenshot of the output. ..
Anyone can help me? I tried to used sweetalert2 on my app, but if used "question", "warning", and "info" it isn’t correct. enter image description here Sourc..
I am new to scss. I have a laravel project in which frontend is already build (pre-develope theme) . Now i am facing problem with working in scss. My folder structure look like this. I have installed gulp.js (installed fine) now when i create a new scss file it also regenerate the same file as ..
I am making a component that gets the user picture and name. I have tried using : <img :src="{{ Auth::user()->profile_image}}" alt=""> <p style="display: inline-block; margin-left: 15px;">{{ Auth::user()->name }}</p> But this only works on the blade, I always get errors on the vue component, how do i get the data? Sourc..
I am creating a chat app and I wanted to make a settings menu, so far I have this : Menu I wanted to make it when you click it, it slides a new window like this and overlaps the old section: Objective I am using Vue.js, I would like to know what would be ..
i need to create labels to print with the information that comes in $ labels. what happens to me is that there is a vertical list, I need them to be 3 horizontally how can I solve? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Document</title> <style> body { background: rgb(204,204,204); } page { background: white; display: ..
{{$product->id}} <img src="{{Storage::disk(‘local’)->url(‘products_image/’.$product->image)}}" alt="" /> <h2>{{$product->price}}</h2> <p>{{$product->name}}</p> <a href="{{route(‘AddToCartProducts’,[‘id’=>$product->id])}}" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a> </div> my route does no direct me when i click to the add to cart button Route::get(‘products/addToCart/{id}’, [ProductsCotroller::class,’addToCartProducts’, ‘as’=>’AddToCartProducts’]); !!!!!!!help me please i use laravel 8 latest version Sourc..
im using laravel 8 and laravel Mix to create a shopping website (whole project will install for every user) and i want to create some settings which user can select a primary color for the template permanently. i used sass and laravel mix for compiling the css. how can i make this possible?? const mix ..
I am currently trying to style one of my pages for desktop, mobile and tablet but having issues with the tablet styling on one of my image containers. Sass code The below code contains styling for a container the media query being for mobile view which works fine. .product-provider-container { top: 50%; left: 1rem; transform: ..
I am trying to link an image in my view through a CSS File that I mix with Laravel web pack Mix. When I call it in the unpacked version I call ../images/logo.png this is the right path because when it is mixed and I look in element inspector I can see the image in ..
I am using barryvdh/laravel-dompdf to load PDF’s in my application. I need to load custom fonts in the pdf. To do this, I downloaded my external fonts and copied the folder in storage/fonts. I have used css to get the fonts from my storage location as follows: @font-face { font-family: ‘Berlin Sans FB’; src: url("{{asset(‘fonts/berlin-sans/BerlinSansFB-Reg.woff2’)}}") ..
I want to style my input field which has type=file. I have attached a link for reference, i want it to have placeholder and that should be replaced by file name which i select. The Reference site link https://test4.glod.at/dashboard/artist.html enter image description here what you should look for in the website link Thanks in advance ..
Html element disapears suddenly after page load. I think there’s no css or js that can effect this bug. I can’t catch the what the problem is. Here’s the link https://automovs.com/ Sourc..
I have a site where we have a parent html file where all other pages extend from so that the background is consistent across all pages. The looks like so (accounts.blade.php): <!DOCTYPE html> <html lang="{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script lang="javascript" src="/js/xlsx.full.min.js"></script> ..
Looking for a way to make the Text within the slider box fade out as the slider is moved. Preferably CSS keyframes triggered by javascript but I’m not sure if its possible with current javascript <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> </head> <style> .fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both} ..
The website is: https://dulcecanelaboutique.com The mobile version is actually working fine on Android, but is not working well on iOS. I do not know why exactly is happening. I made the exact same thing on HTML, uploaded on a test route and actually does not work in iOS too. I do not know if is ..
I am working on a project of Laravel with .php files. API documentation is written in Slate which has .css files. Slate is built on server with bundle exec middleman build and produces index.html. Laravel does not read .css files referred in this index.html as it only reads files from its own directories, hence uploads ..
I am beginner in both laravel and php. So, I have two variables and I want to iterate both of them into one table. I want <p class="text-warning">Izin sudah mau habis!</p> to be displayed inside <td>tenggat_izin</td> column. I tried this but it keeps looping all of them inside the table while i only want one ..
Hi I am working on an existing project which use yajra laravel-datatables for its datatable usage, included yajra package installed via composer.json the problem I am facing is unable to wrap text properly, below is the screenshot of the problem appear when I put more character limit than the usual column can handle column address ..
When you click the contact it gets their name and picture but I cant seem to put this inside an image tag, how would I do it? The name is there but how would I put that link as an image? Something like this : Sourc..