Discussion on Cork - Bootstrap 5 Admin & Laravel Dashboard Template

Discussion on Cork - Bootstrap 5 Admin & Laravel Dashboard Template

Cart 7,394 sales
Well Documented

designreset supports this item

Supported

This author's response time can be up to 1 business day.

1060 comments found.

Hi,

I am having a hard time understanding exactly how to install. I’ve followed the 8 steps in the html file.

Right now, Laravel is up and running. What I don’t understand now is where to put the Cork folder. This is my installation :

/var/www/laravel/cork$ ls app bootstrap composer.lock database package.json public resources server.php tests webpack.mix.js artisan composer.json config Laravel phpunit.xml README.md routes storage vendor

My NGINX config point at /var/www/laravel/cork/public/index.php

When I get on localhost/index.php. I see Laravel page with links to other Laravel sources/pages.

I don’t know what to do from here (this is my first Laravel project).

thank you,

Finally got it. I was almost there. I copied one of the Demo1 folder (content only) to my /var/www/laravel/cork Changed my NGINX config so it points at /var/www/laravel/cork/ Voilà!

Hello antoinelacerte,

Glad to know it worked :)

Kindest Regards,

Design Reset Team

How to check My Licence- How many members are using?

Hello khkreddy3,

Thank you for contacting Design Reset.

Your purchase code is your license key.

For more information regarding this, Kindly contact through the link mentioned below;

https://help.market.envato.com/hc/en-us

Kindest Regards,

Design Reset Team

Good morning, For Cork – HTML and Laravel Bootstrap Admin Dashboard, does it include a way to create invoices? just a simple one to keep track of a few sales…

thank you

Hello alayns,

Thank you for contacting Design Reset.

Yes, it includes a page to create invoices. Please check the link mentioned below;

- https://designreset.com/cork/ltr/demo4/apps_invoice.html

Kindest Regards,

Design Reset Team

Hi, can you please specify how can i disable the animation effect from top horizontal navigation.

Also, how can i use the top horizontal nav bar with laravel – ltr version.

Also, how can i disable the side navigation being shown in on various pages – there is a div container inside container – so, if i remove that the design gets distorted.

Thanks

Dear acevkhurana,

Please click on the link below for the solution.

- https://pastebin.com/vM7EvzU8

Kindest Regards,

Design Reset Team

Hi, is the horizontal menu laravel version ready?

Yes it is… It will be available in few hours.

Kindest Regards,

Design Reset Team

Good day

I really love your theme is there a php version available. for example the lock screen and signup, register page. i really want to buy it

Hello OdaneThompson83,

Thank you for contacting Design Reset.

We don’t have Php version but we have launched Laravel version recently. Please check the link;

- https://designreset.com/cork-admin-laravel/

Kindest Regards,

Design Reset Team

Hi, some pre-sale questions, I have gone through the demos and I loved the vertical and horizontal demos i.e for the desktop view I love the vertical layout but for the mobile view I prefer the horizontal layout, is there a way in which when viewing cork from desktop the vertical layout will be used and when viewing with mobile the horizontal layout will be used and please I don’t want to use the m.site.com sub domain

Dear somgbata

Thank you for contacting Design Reset.

1. You can try changing the CSS of the horizontal menu at lower resolution by replacing it with a vertical menu CSS below 991px.

2. You can also try the dynamic way by using PHP, RUBY, etc.

You have to change CSS on the higher and lower resolution.

Kindest Regards,

Design Reset Team

Hello, Firstly Thank you for your great work and great price.

When i install laravel version I am getting many problems.

1. Need Laravel/ui (I used composer require laravel/ui) and its done. 2. I migrate the files and ask seeds and factories folders and I created and all migrations become done. 3. I used tinker and created a user.

Here is the main problem. 4. When I start the project I am getting below issue.

Illuminate\Contracts\Container\BindingResolutionException Target class [App\Http\Controllers\Auth\LoginController] does not exist. http://127.0.0.1:8000/login

could you please provide us real and correct installation documentation. Your standart laravel installation steps are not works clearly. Please check that.

Best Regards.

Dear alkan2147,

Thank you for contacting the Design Reset.

Try to replace these files inside app\http\Controllers

- https://send.firefox.com/download/078b0337cfd03263/#Yr1JnUn2keiBjAHfh13smw

Hope this helps :)

If the issue is the same kindly send us a screenshot of your folders and error page.

Kindest Regards,

Design Reset Team

Thankyou for your fast reply. system is working now. but there is another issue. style and js and image files are not loading. you can see in this screen shoots.

here is the link: https://send.firefox.com/download/0d69d8f5a2d3c098/#j06ZNdQ_64F_QssSmpy-ng

Dear alkan2147,

1. For images try running [ php artisan storage:link ] command

2. For styles and js -

Kindly follow the steps.
- Navigate inside the view folder.
- Swap the dashboard file names.
Current names
a. dashboard.blade.php
b. dashboard2.blade.php
After Swapping the names
a. dashboard.blade.php will become dashboard2.blade.php
b. dashboard2.blade.php will become dashboard.blade.php
3. Clear the cache.

Hope this helps :)

Kindest Regards,

Design Reset Team

Thanks for your answer.

I looked at the page you highlighted, but I didn’t find the precise class that keeps the menu closed.

I would like to memorize if a user prefers the menu closed or open, for this I need the name of the class.

Good job,

Alessio

Dear alessiopalmieri,

To close the sidebar by default. Follow the steps mentioned below.

1. Add .sidebar-closed class to .main-container

2. Add .alt-menu class to body tag

Kindest Regards,

Design Reset Team

Hello there, how to make result and search section sticky on horizontal scroll datatable?

Dear aldoputama,

Thank you for contacting Design Reset.

Check the code as well as follow the link mentioned below;

https://datatables.net/examples/basic_init/scroll_xy.html

If the issue is the same kindly share the HTML, JS, CSS code.

Kindest Regards Design Reset Team

Thank you, it works! 1 more question, is it possible to make this section sticky when page scrolled: https://prnt.sc/t8fy3e

and this is my code for that table:
                <div class="row layout-top-spacing" id="cancel-row">
                    <div class="col-12 layout-spacing">
                        <div class="card component-card_2">
                            <div class="card-body">
                                <div class="progress-order">
                                    <div class="progress-order-header">
                                        <div class="row">
                                            <div class="col-md-6 col-sm-6 col-12">
                                                <h4><strong>Data ITJEN PTL</strong></h4>
                                            </div>
                                            <div class="col-md-6 pl-0 col-sm-6 col-12 text-right">
                                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                                                    <i data-feather="plus" /> <strong>Add</strong>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="progress-order-body">
                                        <div class="row mt-4">
                                            <div class="col-12">
                                                <div class="table-responsive">
                                                    <table id="individual-col-search" class="table table-hover">
                                                        <thead>
                                                            <tr>
                                                                <th class="text-center">#</th>
                                                                <th>XXX XXX</th>
                                                                <th>XXX XXX</th>
                                                                <th class="text-center">Action</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td class="text-center">XX</td>
                                                                <td>XXX XXX</td>
                                                                <td>XXX XXX</td>
                                                                <td class="text-center">
                                                                    <div class="action-btn">
                                                                        <a href="javascript:;" class="bs-tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit">
                                                                            <i data-feather="edit-2" fill="#e6ffbf" stroke="#8dbf42" />
                                                                        </a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                        <tfoot>
                                                            <tr>
                                                                <th class="text-center invisible">#</th>
                                                                <th>XXX XXX</th>
                                                                <th>XXX XXX</th>
                                                                <th class="text-center invisible" />
                                                            </tr>
                                                        </tfoot>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

Dear aldoputama,

Sorry, but that’s not possible with datatables.

But, still, you can give a try by implementing whole .widget-content into datatable dom

- https://datatables.net/reference/option/dom

Note: Be careful while changing datatable DOM you will have to hard modification.

Kindest Regards,

Design Reset Team

I like the left horizontal menu (demo 7). It looks great. However, when I copy that demo7 to the root directory and go to index.html, it moves the horizontal menu to the right. I really want to use the left alignment. Thanks.

Dear ptlnh.

Thank you for contacting the Design Reset.

Check whether you have copied the RTL file.

Kindly share the screenshot of your issue as well as your folder structure.

Kindest Regards.

Design Reset Team

Vue+Laravel (passport auth) version please

Hello coterfield,

Thank you for contacting Design Reset.

Vue+Laravel version is on cards and will be launched after Laravel, Vuejs and React versions.

Kindest Regards,

Design Reset Team

Hello coterfield,

Vuejs & Vue+Laravel version of Cork Admin is now available as a separate item on Themeforest.

Please check the link below;

- https://themeforest.net/item/cork-vuejs-laravel-admin-dashboard-template/35448989

Kindest Regards,

Design Reset Team

Hi, I cannot use sidebar again on SaaS App(demo10) at screen resolution 1024×1366. First i click sidebar, then click sub-sidebar, And click out (At main screen). After that i cannot use sidebar again. Please advise.

Dear pureyer01,

Thank you for contacting the Design Reset.

We have checked the demo from our side and it works absolutely fine. Can you share a video that shows the issue as well as check inspect element if the console has any errors?

Kindest Regards,

Design Reset Team

Hi, I would like to know: in “demo3” how can you keep the menu closed by default.

Good job,

Alessio

Hello alessiopalmieri,

Thank you for contacting Design Reset.

Please check page mentioned below included in stater kit;

https://designreset.com/cork/ltr/demo4/starter_kit_alt_menu.html

Kindest Regards,

Design Reset Team

Thanks for your answer.

I looked at the page you highlighted, but I didn’t find the precise class that keeps the menu closed.

I would like to memorize if a user prefers the menu closed or open, for this I need the name of the class.

Good job,

Alessio

Already replied…

Dear Team, Hope u are doing great. if we use screen resolution 1920×1080 the template view leaves margings from left and right in demo 7 (horizontal view), how can we make it view full screen. for ref see image from http://www.pp.biotap.co.in/fullscreenissue.jpg also sample site uploaded http://pp.biotap.co.in/Login/Notes Kindly suggest regards Rahul Makkar

Dear rahulmakkar79,

Thank you for contacting Design Reset.

To make full screen you just need to remove max-width from the body tag inside structure.css

Inside strucutre.css :-


body {
    color: #888ea8;
    height: 100%;
    font-size: 0.875rem;
    background: #ebedf2;
    background: #fafafa;
    overflow-x: hidden;
    overflow-y: auto;
    letter-spacing: 0.0312rem;
    font-family: 'Quicksand', sans-serif;
    max-width: 1600px; --------------------------- remove this
    margin: 0 auto;
}

Kindest Regards

Design Reset Team

oh, it was that simple! Thanks for great and prompt support. Happy to choose themeforest design. regards Rahul

You are most Welcome :)

Hello there, i found a bug on bootstrap select live search. If i choose an option with long text, the select form will be very large and mask the form label below it. How to fix it?

Here is the screenshot : https://prnt.sc/t6fyqh

Dear aldoputama,

Add the following CSS


<style>

    .btn-group.bootstrap-select {
        height: auto;
    }

    .bootstrap-select.btn-group .dropdown-menu a.dropdown-item {
        white-space: normal;
    }

</style>

and remove the CSS which we have provided before

Kindest Regards

Design Reset Team

Thank you very much! It works!

Glad to know it worked :)

Hey, did update Laravel + vue.js ?

Yeah thanks,got laravel,, I thought it’s coming with both Vue,js + laravel

It will come with Vuejs and Vuejs + Laravel versions both.

Kindest Regards,

Design Reset Team

Hello udesh765,

Vuejs & Vue+Laravel version of Cork Admin is now available as a separate item on Themeforest.

Please check the link below;

- https://themeforest.net/item/cork-vuejs-laravel-admin-dashboard-template/35448989

Kindest Regards,

Design Reset Team

Hello, I have a simple question. I am new in JavaScript and html, I was trying to use the sweet alert Mixin, I see where is the function. I was trying to create another function like Mixin with different name Mixin2 to display different message. I copy and change the name, but do I need to do something else in order to use the new sweet alert Mixin2?

Thank you…

Dear XBarts,

Thank you for contacting Design Reset.

Below is the code to create a mixin


-- HTML --

<button class="mr-2 btn btn-primary  mixin">Mixin</button>

-- JS --

$('.widget-content .mixin2').on('click', function () {
  const toast_two = swal.mixin({
    toast: true,
    position: 'top-end',
    showConfirmButton: false,
    timer: 3000,
    padding: '2em'
  });
  toast_two({
    type: 'success',
    title: 'Mixing 2 - Signed in successfully',
    padding: '2em',
  })

})

Kindly check the difference between old and new mixin.

Hope this helps :)

Kindest Regards

Design Reset Team

Thank you!

You are most Welcome :)

Hello, I did the steps to install the template in laravel, it asked me to install laravel / ui, after installing it the styles do not work for me, it takes those of laravel ui

Hello ledezma90,

Thank you for contacting Design Reset.

You need to replace the Laravel project files with Cork purchased files and folders.

Kindly replace the auth and layouts folders inside resources -> views

Clear your cache and hopefully it should work.

If there is anything else, don’t hesitate to ask.

Kindest Regards,

Design Reset Team

Hello there, i need help. I can’t use bootstrap select live search with required form validation. How to fix it?

Here is the screenshot: https://prnt.sc/t4x4nv

Dear aldoputama,

Try to add some value in margin-bottom

for example :-

margin-bottom: 25px;

Kindest Regards

Design Reset Team

One more question. On that form, I still can’t use bootstrap select live search with required form validation, sir. How to fix it?

Hello there, i need help, how can i make the sidebar to full height? here is the screenshot https://prnt.sc/t4kqd8

Dear aldoputama

Thanks for contacting Design Reset

Open the strucutre.css file and find the CSS code mentioned below;


#sidebar ul.menu-categories.ps, .sidebar-closed #sidebar:hover ul.menu-categories.ps {

}

and make changes


from

height: calc(100vh - 282px)!important

to
height: calc(100vh - 80px)!important

Note: You have to decrease the value.

Hope it helps :)

Kindest Regards

Design Reset Team

It works! Thank you very much!

You are most Welcome :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey