Loomix

Loomix

Member Since 4 Months Ago

Experience Points
1,110
Total
Experience

3,890 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
0
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
1,110 XP
May
25
1 week ago
Activity icon

Started a new Conversation Unwanted Effects Of @media (max-width: 991.98px)

I am using a Bootstrap 4 template (Material Dashboard Pro) and have these 2 unwanted effects I failed to track down, both in material-dashboard.css and bootstrap.css:

  1. Below 992 browser width, the icons and text in my navbar are greyed out. I found ".text-muted" and ".text-black-50" and changed their color to black but it does not change anything. And yes, I cleared the cache etc.

  2. Below 992 browser width, the background of my navbar dropdown menu changes from white to transparent but I want it to stay white. Moreover, a useless scrollbars appears for the dropdown menu.

Maybe someone ran into the same issues and could provide me the class names, so I can overwrite them in my navbar view. Thanks.

Activity icon

Replied to Using Custom PasswordRequest Rule In PasswordReset

I added the function to the controller, it works now, thanks!

May
23
1 week ago
Activity icon

Started a new Conversation Using Custom PasswordRequest Rule In PasswordReset

I have written a custom password request rule in \app\Http\Requests\PasswordRequest.php. It works well for user registration and user edit. Now I want to use this rule when the user has requested a new password and enters his new password in \resources\views\auth\passwords\reset.blade.php. How can I refer to or import this rule (in best practise) to use it there? Thanks.

class PasswordRequest extends FormRequest
{
(...)

    public function rules()
    {
        return [
            'old_password' => ['required', 'min:8', new CurrentPasswordCheckRule],
            'password' => ['required', 'min:8', 'regex:/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#[email protected]$%^&*-]).{8,}$/', 'different:old_password', 'confirmed'],
            'password_confirmation' => ['required', 'min:8'],
        ];
    }
May
22
1 week ago
Activity icon

Started a new Conversation Laravel Mix - If At All / Using It To What Extent?

I am new to the Laravel world and this question is about best practise and recommendation: My project uses JQuery, Bootstrap (including some plugins), all the core js of Laravel and some small js files by me. The bootstrap template I am using (Material Dashboard Pro) has several js files as well.

Now my project is ready for demo and I thought it would be nice to have all(!) js files of the entire project bundled to one minified app.js. is this even recommended or are there certain disadvantages by doing so? Is it wise to bundle JQuery and the template js files as well? What is best performance-wise? What is most convenient for switching development and production? Thanks.

This is my current directory structure containing js files:

/public/js/ : (empty)

/public/material/js/ : material-dasboard.min, material-dashboard.js, some js by me)

/public/material/js/core/ : (bootstrap.min, jquery.min, popper.min)

/public/material/js/plugins/ : ( several jquery and bootstrap js of plugins, like bootstrap-notify etc.)

May
21
1 week ago
Activity icon

Replied to Form Field Select Option Selected But Reports Missing Value

I added id="input-tooltype_id" and it's working now, thanks!

Activity icon

Started a new Conversation Form Field Select Option Selected But Reports Missing Value

I have an edit form for my entity Tool which correctly gets all namevalues from another table tooltypes for a dropdown selection in the form. When sending the (completely and correctly filled) form for update, my validation reports "Tooltype is necessary" while there is a selection. The tooltype_id selected is correct and laravel.log stays empty. I am sure I missed something. I also appreciate any hints for code improvement. Thanks!

ToolRequest.php:

<?php
namespace App\Http\Requests;

use App\Tooltype;
use App\Tool;
use Illuminate\Foundation\Http\FormRequest;

class ToolRequest extends FormRequest
{
    public function authorize()
    {
        return auth()->check();
    }

    public function rules()
    {
        return [
            'toolid' => [
                'required', 'min:7', 'max:7'
            ],
            'name' => [
                'required', 'min:3', 'max:64'
            ],            
            'tooltype_id' => [
                'required', 'exists:'.(new Tooltype)->getTable().',id'
            ],
        ];
    }
}

/tools/edit.blade.php:

<div class="row">
    <label class="col-sm-2 col-form-label">{{ __('Art') }}</label>
    <div class="col-sm-7">
        <div class="form-group{{ $errors->has('tooltype_id') ? ' has-danger' : '' }}">
            <select class="selectpicker col-sm-12 pl-0 pr-0" name="tooltype_id" data-style="select-with-transition" title="" data-size="100">
                @foreach($tooltypes as $tooltype)
                <option value="{{" __($tooltype->id) }} @if ($tooltype->id == old('selectpicker', $tool->tooltype_id)) selected="selected" @endif>{{ __($tooltype->name) }}</option>
                @endforeach
            </select>
            @include('alerts.feedback', ['field' => 'tooltype_id'])
        </div>
    </div>
</div>

May
13
3 weeks ago
Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

I tested several accounts and all passwords contained a # indeed, so this was the issue for Laravel. I can't believe this was the problem. It cost me 2 days and almost got me insane. Isn't Laravel supposed to handle this?

I just checked the vanilla install of Laravel 7 and the only line which is quoted by default is MAIL_FROM_NAME, the other are plain and work as plain -- except MAIL_PASSWORD. This is not fair, really.

May
12
3 weeks ago
Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@ramjithap

.env:

MAIL_DRIVER=smtp
MAIL_HOST=###.netcup.net
MAIL_PORT=465
[email protected]
MAIL_PASSWORD=#########
[email protected]
MAIL_FROM_NAME="me"
MAIL_ENCRYPTION=ssl

config/mail.php:

return [
    'default' => env('MAIL_MAILER', 'smtp'),
    'mailers' => [
        'smtp' => [
            'transport' => 'smtp',
            'host' => env('MAIL_HOST', '###.netcup.net'),
            'port' => env('MAIL_PORT', 465),
            'encryption' => env('MAIL_ENCRYPTION', 'ssl'),
            'username' => env('MAIL_USERNAME'),
            'password' => env('MAIL_PASSWORD'),   
            'timeout' => null,
            'auth_mode' => null,
        ],
    'from' => [
        'address' => env('MAIL_FROM_ADDRESS', '[email protected]'),
        'name' => env('MAIL_FROM_NAME', 'me'),
    ],
    'markdown' => [
        'theme' => 'default',
        'paths' => [
            resource_path('views/vendor/mail'),
        ],
    ],
];

Error in Laravel (same for port 25 and mail_encryption=null):

[2020-05-11 12:56:35] local.ERROR: Failed to authenticate on SMTP server with username "[email protected]" using 3 possible authenticators. Authenticator CRAM-MD5 returned Expected response code 235 but got code "535", with message "535 5.7.8 Error: authentication failed: authentication failure
". Authenticator LOGIN returned Expected response code 235 but got code "535", with message "535 5.7.8 Error: authentication failed: authentication failure
". Authenticator PLAIN returned Expected response code 235 but got code "535", with message "535 5.7.8 Error: authentication failed: authentication failure
". {"exception":"[object] (Swift_TransportException(code: 0): Failed to authenticate on SMTP server with username \"[email protected]\" using 3 possible authenticators. Authenticator CRAM-MD5 returned Expected response code 235 but got code \"535\", with message \"535 5.7.8 Error: authentication failed: authentication failure

smtper works fine and sends me:

This mail was directly sent by ###.netcup.net.

SMTP host: ###.netcup.net
Port: 465
Use SLL: True
Use Authentication: True
Authentication name: [email protected]
Authentication password: [not applicable]
Email from: [email protected]
Email to: [email protected]


This service is provided by https://www.smtper.net
May
10
3 weeks ago
Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@siangboon So why do they work in other Mailers, e.g. Thunderbird? "mx5xxxe41" is not my username, I x'd it out, of course.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@snapey Stop insulting me and stop commenting on my posts. Just because I am Level 1 here(!) does not mean I am an idiot. There is not the slightest contribution to this thread from your side. You're jumping to conclusions and repeat what others already said. I reported your disrespectful behaviour. Now go and get your points elsewhere.

@siangboon Thank you, I will try that. Best advice I read here.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

I found this thread and regarding the error message I posted the reason for the error seems to be the TLS / STARTTLS issue which is unsolved yet: https://laracasts.com/discuss/channels/servers/unable-to-find-socket-transport-starttls

Kinda funny but also frustrating how everyone kept suspecting wrong credentials while I said numerous times they are correct. I will now set up my googlemail account with enable less secure apps (like @ramjithap said) and work with that until there is further info on this TLS / STARTTLS issue.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@snapey "It must be"? You are jumping to conclusions. I tested a lot today, with many different specifications and I don't think just repeating what someone else already pointed out and produces still the same error helps anything. Is there anything you can say about the error message I just posted?

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

No, they are not. Totally different providers.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@snapey It's the same server, I just x'd it out in my former post.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

I just looked into Thunderbird and it says it's STARTTLS, not TLS. Just entered this in the mail.php and .env and now there is another error message: Connection could not be established with host w01199f1.kasserver.com :stream_socket_client(): unable to connect to starttls://w01199f1.kasserver.com:587 (Unable to find the socket transport &quot;starttls&quot; - did you forget to enable it when you configured PHP?)

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@guybrush_threepwood That is true. The hardcoding was done when testing, you are absolutely right, though. Nevertheless the result is the same error.

@ramjithap I will try my googleaccount lateron. Still the others done work.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@ramjithap I just tried the full address as username and it is the same error. Yes, I tried this and other accounts in Thunderbird and all work fine. My googlemail account does not work also. All give the same error in Laravel.

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@denniseilander I just tested it and of course it makes no difference since the env functions just refer to the settings in .env. Same error.

@ramjithap The config mail username is 'username' => env('mx5xxxe41'), so not a full mailaddress. Did you mix it up with the from address?

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

There are numerous lines of Swiftmailer, telling me nothing but I guess the first line gives it away: 'local.ERROR: Failed to authenticate on SMTP server with username "mx5xxxe41" using 2 possible authenticators.

and

Authenticator LOGIN returned Expected response code 235 but got code "535", with message "535 5.7.8 Error: authentication failed: UGFzc3dvcmQ6'

The thing is that I have tested several accounts and they all work well outside Laravel. I have no idea why it says that username is invalid, it is certainly not. I also have no idea what UGFzc3dvcmQ6 is, that is not my password or anything. Is it possible that my request from localhost is blocked by the mail provider or something like that?

Activity icon

Replied to "554 5.5.1 Error: No Valid Recipients" On Password Reset

@denniseilander The to address is my private mailaddress which is in daily use and working fine. It is also in the database Laravel uses and a token is correctly created in table password_resets. I also registered and tried some other Mailaddreses of mine and it's all the same error. I am pretty sure this is not about the recipient address, even if the error says so.

@ramjithap Could you give me a hint to what you exactly mean by "Try log the to address before you send and check it is correctly coming" and how to do that? Thanks

Activity icon

Started a new Conversation "554 5.5.1 Error: No Valid Recipients" On Password Reset

I just installed a fresh Laravel with laravel new projectname --auth to test this on a clean install: The pw reset function gives me Swift_TransportException: Expected response code 354 but got code "554", with message "554 5.5.1 Error: no valid recipients ". So I tested and verified the credentials of 3 different mailaccounts (from 3 different providers) and they all work fine for sending mails in Thunderbird but not in Laravel, so I guess the data for my mailaccounts is fine. I also tested my googlemail account which also works fine but throws the same error in Laravel.

My config/mail.php:

return [
    'default' => env('MAIL_MAILER', 'smtp'),
    'mailers' => [
        'smtp' => [
            'transport' => 'smtp',
            'host' => env('MAIL_HOST', 'w01199f1.xxxserver.com'),
            'port' => env('MAIL_PORT', 587),
            'encryption' => env('MAIL_ENCRYPTION', 'tls'),
            'username' => env('MAIL_USERNAME'),
            'password' => env('MAIL_PASSWORD'), 
            'timeout' => null,
            'auth_mode' => null,
        ],
    'from' => [
        'address' => env('MAIL_FROM_ADDRESS', '[email protected]'),
        'name' => env('MAIL_FROM_NAME', 'xxx'),
    ],
];

My .env:

MAIL_DRIVER=smtp
MAIL_HOST=w01199f1.xxxxerver.com
MAIL_PORT=587
MAIL_USERNAME=mx5xxxe41
MAIL_PASSWORD=xxxxxx
[email protected]
MAIL_FROM_NAME="xxx"
MAIL_ENCRYPTION=tls

Maybe it's because I am developing on localhost with WAMP and there's something I need to configure before I can send mails from my localhost Laravel app? Like I said, this is all vanilla Laravel install from today. Can anyone tell me why pw reset throws this error? Thanks.

May
03
1 month ago
Activity icon

Started a new Conversation Setting Dropdown Nav-item Active In Navbar With Tabbing

I am using a navbar with tabbed nav-pills which is working well. Now I added a nav-item dropdown with some items but selecting an item from the dropdown list does not set the dropdown nav-item active. The problem seems to be that the selected item is different from the nav-link (therefore can't be set to "active") and data-toogle can't be set to "link". How do I "tell" the dropdown-item to set the nav-item on "active" when it is selected? Thanks.

<div class="nav-tabs-navigation">
    <div class="nav-tabs-wrapper">
        <ul class="nav nav-pills nav-pills-danger nav-pills-icons justify-content-center" data-tabs="tabs" role="tablist" style="margin-right:20px" ;>
            <li class="nav-item">
                <a class="nav-link {{ Route::is('user.index') ? 'active' : '' }}" data-toggle="link" href="{{ route('user.index') }}" role="tablist" style="padding:1px;">
                    <i class="material-icons">group</i>User</a>
            </li>
(...)
            <li class="nav-item dropdown nav-pills-danger nav-pills-icons" role="tablist">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding:1px;">
                    <i class="material-icons">person</i>Profil</a>
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">Edit</a>
                </div>
            </li>
(...)
Apr
28
1 month ago
Activity icon

Replied to Using Route Helper Links With Tabbed Nav Bar Pills

That's it, thanks a lot!

Apr
27
1 month ago
Activity icon

Started a new Conversation Using Route Helper Links With Tabbed Nav Bar Pills

I am new to Bootstrap and I'm really getting mad over this: The following code works for the tabbing but the links show no effect. When I remove data-toogle or set data-toggle="link" the links are fine but the tabbing is gone. I am sure it's me, so what is the best practise to do this? Thanks

<nav class="navbar navbar-expand-sm fixed-top navbar-light bg-white ">
    <div class="container-fluid">
        <ul class="nav nav-pills nav-pills -primary nav-pills -icons justify -content -center" role="tablist">
            <li class="nav-item" style="padding -right:0.9em;">
                <a class="nav-link active" data-toggle="tab" href="{{ route('user.index') }}" role="tablist">User </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="{{ route('page.charts') }}" role="tablist" margin="30px">Charts </a>
            </li>
        </ul>
    </div>
</nav>
Apr
26
1 month ago
Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

Yeah I might do that but I'll wait some more and work on some other tasks first. Maybe there's someone here who know this problem. But those custom templates sound useful, thanks for the info.

Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

Yes, I did clear all caches, that's not it. While experimenting I see that any changes appear in the views immediately. I have no idea why the bootstrap css would have implemented a min-padding for nav pills, doesn't make much sense to me.

Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

I explained the problem in my first post.

Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

"Then just set your padding as needed." ...and that's exactly the problem.

Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

Thanks but wouldn't it be much easier to just set the padding right? Every other aspect of the view is fine.

Activity icon

Replied to Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

No, it has no effect in li. Like I wrote, the padding works but not properly for left and right.

Activity icon

Started a new Conversation Customizing Padding-left/-right Of Nav-pills In Bootstrap Laravel

Hey, I tried to shorten the padding of some nav-pills, because when using short words or icons, the default padding is much too big and the button does not look good. The padding setting in the code below works for padding-top and padding-bottom, but padding-left and -right seem to have a minimal size of 15 or 20 px and I can not set it smaller with 'style="padding:1px;"' or 'style="padding-left:1px;"'. There is no effect once the padding of a nav pill is 15 or 20 px.

 <ul class="nav nav-pills nav-pills-icons" role="tablist">
       <li class="nav-item">
         <a class="nav-link" data-toggle="tab" href="{{ route('user.index') }}" role="tablist" style="padding:1px;">
          LOG
         </a>
       </li>
 </ul>

I don't want to mess with the bootstrap css and I only want specific nav-pills to have a shorter padding (those with very short words and icons). Could someone give me a hint how to set this? I am using Material Dashboard PRO Laravel. Thanks.

Apr
25
1 month ago
Activity icon

Replied to Removing Sidebar And Correcting Layout

Okay, that's interesting since I'll have to do more changes to CSS I guess. I'll also be more specific about the used template with my next question. Thanks again.

Activity icon

Replied to Removing Sidebar And Correcting Layout

I did. It's written clearly on top of the listing I posted yesterday. I also already said that this must be about CSS and you replied "It's bootstrap don't change behaviour of that css class". But well, it's working now. Thanks a lot for your effort!

Activity icon

Replied to Removing Sidebar And Correcting Layout

Question: Is it possible that the bootstrap template "Material Dashboard PRO" I am using is not meant to be used without sidebar by design? I did not touch the CSS at all, so maybe it would be wise to ask the creators of this template if they even thought of the case that someone would like to switch the sidebar off?

Activity icon

Replied to Removing Sidebar And Correcting Layout

Already posted yesteday (see above), but here it is, still the same:

<div class="wrapper ">
  <div class="main-panel"> 
    @include('layouts.navbars.navs.auth')
    @yield('content')
    @include('layouts.footers.auth')
  </div>
</div>
Activity icon

Replied to Removing Sidebar And Correcting Layout


--}}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('material') }}/img/apple-icon.png">
  <link rel="icon" type="image/png" href="{{ asset('material') }}/img/favicon.png">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>
    Material Dashboard PRO Laravel by Creative Tim
  </title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  <!--     Fonts and icons     -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
  <!-- CSS Files -->
  <link href="{{ asset('material') }}/css/material-dashboard.css?v=2.1.2" rel="stylesheet" />
  <!-- CSS Just for demo purpose, don't include it in your project -->
  <link href="{{ asset('material') }}/demo/demo.css" rel="stylesheet" />
</head>
<body class="{{ $class ?? '' }}">
        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
            @csrf
        </form>
        @if (auth()->check() && !in_array(request()->route()->getName(), ['welcome', 'page.pricing', 'page.lock', 'page.error']))
            @include('layouts.page_templates.auth')
        @else
            @include('layouts.page_templates.guest')
        @endif
        <!--   Core JS Files   -->
        <script src="{{ asset('material') }}/js/core/jquery.min.js"></script>
        <script src="{{ asset('material') }}/js/core/popper.min.js"></script>
        <script src="{{ asset('material') }}/js/core/bootstrap-material-design.min.js"></script>
        <script src="{{ asset('material') }}/js/plugins/perfect-scrollbar.jquery.min.js"></script>
        <!-- Plugin for the momentJs  -->
        <script src="{{ asset('material') }}/js/plugins/moment.min.js"></script>
        <!--  Plugin for Sweet Alert -->
        <script src="{{ asset('material') }}/js/plugins/sweetalert2.js"></script>
        <!-- Forms Validations Plugin -->
        <script src="{{ asset('material') }}/js/plugins/jquery.validate.min.js"></script>
        <!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->
        <script src="{{ asset('material') }}/js/plugins/jquery.bootstrap-wizard.js"></script>
        <!--	Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
        <script src="{{ asset('material') }}/js/plugins/bootstrap-selectpicker.js"></script>
        <!--  Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
        <script src="{{ asset('material') }}/js/plugins/bootstrap-datetimepicker.min.js"></script>
        <!--  DataTables.net Plugin, full documentation here: https://datatables.net/  -->
        <script src="{{ asset('material') }}/js/plugins/jquery.dataTables.min.js"></script>
        <!--	Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs  -->
        <script src="{{ asset('material') }}/js/plugins/bootstrap-tagsinput.js"></script>
        <!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
        <script src="{{ asset('material') }}/js/plugins/jasny-bootstrap.min.js"></script>
        <!--  Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar    -->
        <script src="{{ asset('material') }}/js/plugins/fullcalendar.min.js"></script>
        <!-- Vector Map plugin, full documentation here: http://jvectormap.com/documentation/ -->
        <script src="{{ asset('material') }}/js/plugins/jquery-jvectormap.js"></script>
        <!--  Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
        <script src="{{ asset('material') }}/js/plugins/nouislider.min.js"></script>
        <!-- Include a polyfill for ES6 Promises (optional) for IE11, UC Browser and Android browser support SweetAlert -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
        <!-- Library for adding dinamically elements -->
        <script src="{{ asset('material') }}/js/plugins/arrive.min.js"></script>
        <!--  Google Maps Plugin    -->
        <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
        <!-- Chartist JS -->
        <script src="{{ asset('material') }}/js/plugins/chartist.min.js"></script>
        <!--  Notifications Plugin    -->
        <script src="{{ asset('material') }}/js/plugins/bootstrap-notify.js"></script>
        <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
        <script src="{{ asset('material') }}/js/material-dashboard.js?v=2.1.0" type="text/javascript"></script>
        <!-- Material Dashboard DEMO methods, don't include it in your project! -->
        <script src="{{ asset('material') }}/demo/demo.js"></script>
        <script src="{{ asset('material') }}/js/application.js"></script>
        <script>
          $(document).ready(function () {
            @if (session('status'))
              $.notify({
                icon: "done",
                message: "{{ session('status') }}"
              }, {
                type: 'success',
                timer: 3000,
                placement: {
                  from: 'top',
                  align: 'right'
                }
              });
            @endif
          });
        </script>
        @stack('js')
</body>
</html>
Activity icon

Replied to Removing Sidebar And Correcting Layout

Hm, does not do anything to the left side. It only widens the form fields to the right border of the boxes. Here is my ' \resources\views\PROFILE\edit.blade.php' now:

@extends('layouts.app', ['activePage' => 'profile', 'menuParent' => 'laravel', 'titlePage' => __('User Profile')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header card-header-icon card-header-rose">
            <div class="card-icon">
              <i class="material-icons">perm_identity</i>
            </div>
            <h4 class="card-title">{{ __('Edit Profile') }}
            </h4>
          </div>
          <div class="card-body">
            <form method="post" enctype="multipart/form-data" action="{{ route('profile.update') }}" autocomplete="off" class="form-horizontal">
              @csrf
              @method('put')

              <div class="row">
                <label class="col-sm-2 col-form-label">{{ __('Name') }}</label>
                <div class="col-sm-10">
                  <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" id="input-name" type="text" placeholder="{{ __('Name') }}" value="{{ old('name', auth()->user()->name) }}" required="true" aria-required="true"/>
                    @include('alerts.feedback', ['field' => 'name'])
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label">{{ __('Email') }}</label>
                <div class="col-sm-10">
                  <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" id="input-email" type="email" placeholder="{{ __('Email') }}" value="{{ old('email', auth()->user()->email) }}" required />
                    @include('alerts.feedback', ['field' => 'email'])
                  </div>
                </div>
              </div>
              <button type="submit" class="btn btn-rose pull-right">{{ __('Update Profile') }}</button>
              <div class="clearfix"></div>
            </form>
          </div>
        </div>

        <div class="card">
          <div class="card-header card-header-icon card-header-rose">
            <div class="card-icon">
              <i class="material-icons">lock</i>
            </div>
            <h4 class="card-title">{{ __('Change password') }}</h4>
          </div>
          <div class="card-body">
            <form method="post" action="{{ route('profile.password') }}" class="form-horizontal">
              @csrf
              @method('put')

              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-current-password">{{ __('Current Password') }}</label>
                <div class="col-sm-10">
                  <div class="form-group{{ $errors->has('old_password') ? ' has-danger' : '' }}">
                    <input class="form-control{{ $errors->has('old_password') ? ' is-invalid' : '' }}" input type="password" name="old_password" id="input-current-password" placeholder="{{ __('Current Password') }}" value="" required />
                    @include('alerts.feedback', ['field' => 'old_password'])
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-password">{{ __('New Password') }}</label>
                <div class="col-sm-10">
                  <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" id="input-password" type="password" placeholder="{{ __('New Password') }}" value="" required />
                    @include('alerts.feedback', ['field' => 'password'])
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-password-confirmation">{{ __('Confirm New Password') }}</label>
                <div class="col-sm-10">
                  <div class="form-group">
                    <input class="form-control" name="password_confirmation" id="input-password-confirmation" type="password" placeholder="{{ __('Confirm New Password') }}" value="" required />
                  </div>
                </div>
              </div>
              <button type="submit" class="btn btn-rose pull-right">{{ __('Change password') }}</button>
              <div class="clearfix"></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

It seems there is some part of the app that "thinks" that the sidebar is still there and places the layout around the former sidebar.

Activity icon

Replied to Removing Sidebar And Correcting Layout

It seems I made a mistake yesterday: The profile edit view is ' \resources\views\PROFILE\edit.blade.php' and not ' \resources\views\USERS\edit.blade.php'. The latter contains "col-md-8" indeed. Nevertheless when I change it to "col-md-12", the cards (boxes) in the main panel with the user info fields are stretched to the right but the left side (where the sidebar was) remains with a large space to the left.

Apr
24
1 month ago
Activity icon

Replied to Removing Sidebar And Correcting Layout

My application is almost vanilla, I just removed the sidebar and the sidebar toggle in top navbar. Maybe someone else has an idea how to put the page on 100% width.

Activity icon

Replied to Removing Sidebar And Correcting Layout

"I don't see your code so I can't help you with that." Whch code do you want to see?

Activity icon

Replied to Removing Sidebar And Correcting Layout

I did not mess with the col-md. The \resources\views\users\edit.blade.php is what's used for editing user profile. There is "col-md-12" in the view source but "col-md-8" in the browser. So what's happening between source and rendered browser view?

Activity icon

Replied to Removing Sidebar And Correcting Layout

I see. But thats weird, because in \resources\views\users\edit.blade.php it is already "col-md-12". So it is rendered by Laravel to col-md-8 because it thinks the sidebar is still there, I guess.

 @extends('layouts.app', ['activePage' => 'user-management', 'menuParent' => 'laravel', 'titlePage' => __('User Management')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <form method="post" enctype="multipart/form-data" action="{{ route('user.update', $user) }}" autocomplete="off" class="form-horizontal">
            @csrf
            @method('put')

            <div class="card ">
              <div class="card-header card-header-rose card-header-icon">
(...)

So how do we tell Laravel that the sidebar is gone, so that it uses "col-md-12"?

Activity icon

Replied to Removing Sidebar And Correcting Layout

Okay, there is only 1 entry for this in the template's css:

.Col-Md-8 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

But width: 100% is what I want so I don't get it. I need to modify it in the css, because it should apply to all pages.

Activity icon

Replied to Removing Sidebar And Correcting Layout

Hm, the main content of a page is expanded when the user hits the sidebar hide button. I think this is a about CSS, no? Here is the HTML from the profile edit page, maybe there is a clue in it:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="apple-touch-icon" sizes="76x76" href="http://localhost/matpro/public/material/img/apple-icon.png">
  <link rel="icon" type="image/png" href="http://localhost/matpro/public/material/img/favicon.png">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>
    Material Dashboard PRO Laravel by Creative Tim
  </title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  <!--     Fonts and icons     -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
  <!-- CSS Files -->
  <link href="http://localhost/matpro/public/material/css/material-dashboard.css?v=2.1.2" rel="stylesheet" />
  <!-- CSS Just for demo purpose, don't include it in your project -->
  <link href="http://localhost/matpro/public/material/demo/demo.css" rel="stylesheet" />
</head>
<body class="">
        <form id="logout-form" action="http://localhost/matpro/public/logout" method="POST" style="display: none;">
            <input type="hidden" name="_token" value="VifJnrTfBKh0A48tVKviZGggSQmjoCIdFQC0dLQJ">        </form>
                    <div class="wrapper ">

  <div class="main-panel"> 
    <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
    <div class="container-fluid">
    	
      <div class="collapse navbar-collapse justify-content-end">
        <form class="navbar-form">
          <div class="input-group no-border">
            <input type="text" value="" class="form-control" placeholder="Search">
            <button type="submit" class="btn btn-white btn-round btn-just-icon">
              <i class="material-icons">search</i>
              <div class="ripple-container"></div>
            </button>
          </div>
        </form>
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="http://localhost/matpro/public/dashboard">
              <i class="material-icons">dashboard</i>
              <p class="d-lg-none d-md-block">
                Stats
              </p>
            </a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="material-icons">notifications</i>
              <span class="notification">5</span>
              <p class="d-lg-none d-md-block">
                Some Actions
              </p>
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Mike responded to your email</a>
              <a class="dropdown-item" href="#">You have 5 new tasks</a>
              <a class="dropdown-item" href="#">You&#039;re now friend with Andrew</a>
              <a class="dropdown-item" href="#">Another Notification</a>
              <a class="dropdown-item" href="#">Another One</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link" href="#pablo" id="navbarDropdownProfile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="material-icons">person</i>
              <p class="d-lg-none d-md-block">
                  Account
              </p>
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownProfile">
                <a class="dropdown-item" href="http://localhost/matpro/public/profile">Profile</a>
                <a class="dropdown-item" href="http://localhost/matpro/public/logout" onclick="event.preventDefault();document.getElementById('logout-form').submit();">Log out</a>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- End Navbar -->    <div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-8">
        <div class="card">
          <div class="card-header card-header-icon card-header-rose">
            <div class="card-icon">
              <i class="material-icons">perm_identity</i>
            </div>
            <h4 class="card-title">Edit Profile
            </h4>
          </div>
          <div class="card-body">
            <form method="post" enctype="multipart/form-data" action="http://localhost/matpro/public/profile" autocomplete="off" class="form-horizontal">
              <input type="hidden" name="_token" value="VifJnrTfBKh0A48tVKviZGggSQmjoCIdFQC0dLQJ">              <input type="hidden" name="_method" value="put">
              <div class="row">
                <label class="col-sm-2 col-form-label">Name</label>
                <div class="col-sm-7">
                  <div class="form-group">
                    <input class="form-control" name="name" id="input-name" type="text" placeholder="Name" value="Roman" required="true" aria-required="true"/>
                                      </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label">Email</label>
                <div class="col-sm-7">
                  <div class="form-group">
                    <input class="form-control" name="email" id="input-email" type="email" placeholder="Email" value="[email protected]" required />
                                      </div>
                </div>
              </div>
              <button type="submit" class="btn btn-rose pull-right">Update Profile</button>
              <div class="clearfix"></div>
            </form>
          </div>
        </div>

        <div class="card">
          <div class="card-header card-header-icon card-header-rose">
            <div class="card-icon">
              <i class="material-icons">lock</i>
            </div>
            <h4 class="card-title">Change password</h4>
          </div>
          <div class="card-body">
            <form method="post" action="http://localhost/matpro/public/profile/password" class="form-horizontal">
              <input type="hidden" name="_token" value="VifJnrTfBKh0A48tVKviZGggSQmjoCIdFQC0dLQJ">              <input type="hidden" name="_method" value="put">
              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-current-password">Current Password</label>
                <div class="col-sm-7">
                  <div class="form-group">
                    <input class="form-control" input type="password" name="old_password" id="input-current-password" placeholder="Current Password" value="" required />
                                      </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-password">New Password</label>
                <div class="col-sm-7">
                  <div class="form-group">
                    <input class="form-control" name="password" id="input-password" type="password" placeholder="New Password" value="" required />
                                      </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label" for="input-password-confirmation">Confirm New Password</label>
                <div class="col-sm-7">
                  <div class="form-group">
                    <input class="form-control" name="password_confirmation" id="input-password-confirmation" type="password" placeholder="Confirm New Password" value="" required />
                  </div>
                </div>
              </div>
              <button type="submit" class="btn btn-rose pull-right">Change password</button>
              <div class="clearfix"></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  </div>
</div>
        <script>
          $(document).ready(function () {
                      });
        </script>
        </body>

</html>
Activity icon

Replied to Removing Sidebar And Correcting Layout

Okay, so it's the one in \page_templates :

<div class="wrapper ">
  <div class="main-panel"> 
    @include('layouts.navbars.navs.auth')
    @yield('content')
    @include('layouts.footers.auth')
  </div>
</div>
Activity icon

Replied to Removing Sidebar And Correcting Layout

There are more than one, from which directory? Yes I know about Laravel mix but did not clean up yet.

Activity icon

Replied to Removing Sidebar And Correcting Layout

Which layout view do you exactly mean, the \resources\views\layouts\app.blade.php?

Activity icon

Started a new Conversation Removing Sidebar And Correcting Layout

Hey, I have a smaller project which is fine with the top navbar and does not need a sidebar. So I removed '@include(’layouts.navbars.sidebar’)' from 'auth.blade.php' to remove the sidebar. I expected the rest of the page to fill the area where the sidebar was (like when you hide the sidebar) but it doesn't. Could someone give me a hint how to get the site using the entire width of the page now? Thanks.

Jan
22
4 months ago
Activity icon

Replied to How To Import Multiple CSV Files To Localhost Without Overwriting Data ?

@ebrahemsamer the user @deepu7 recommended https://tableplus.com in another thread to me, it has an import CSV option. maybe this is what you want.

Activity icon

Replied to Generate Laravel 6 Schema Code From MySQL Dump?

wow thanks, that looks great. i hope it also works for laravel 6.