Discussion on Cork - Bootstrap 5 Admin & Laravel Dashboard Template

Discussion on Cork - Bootstrap 5 Admin & Laravel Dashboard Template

Cart 7,393 sales
Well Documented

designreset supports this item

Supported

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

1060 comments found.

Hello, first I’d like to thank you for your excellent work on this admin template. The Laravel feature is beyond words. Question: Are you considering providing any of the features/apps (calendar management/invoicing/chat/...) as independent/separate purchasable items? If not, are you hirable to implement for instance the invoicing App in Laravel? Thank you.

Hello MiguelAI,

Thank you for contacting Design Reset. We are glad that you liked our work.

Right now, we are not planning to launch any individual apps.

We are available for hire, Kindly contact us at; info@designreset.com

Kindest Regards,

Design Reset Team

How do I change the default preview image of File Upload Plugin?

Dear deepak13,

Thank you for contacting Design Reset.

To change the file upload default preview image you have to make a change in file-upload-with-preview.min.js

Make sure to convert images in data attributes before implementing.

Kindest Regards,

Design Reset Team

can I use it on WordPress?

Hello mohamed4egy,

Thank you for contacting Design Reset.

This is not a WordPress theme. This is a static HTML, CSS, Js and laravel ready template.

Kindest Regards,

Design Reset Team

Hi, I’m using the demo1 as a basis. When I copy the code from ‘Simple Column’ into my page, it just displays it as text rather than producing a chart. I’ve added the Apexcharts stylesheets to the top of the doc and the plug ins to the bottom. Any ideas what I am missing? Thanks. Andy

Dear asztec

Try the following code.

HTML


<link href="plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
<script src="plugins/apex/apexcharts.min.js"></script>

<div id="s-line" class="" />

JS
---

// Simple Line

var sline = {
  chart: {
    height: 350,
    type: 'line',
    zoom: {
      enabled: false
    },
    toolbar: {
      show: false,
    }
  },
  // colors: ['#1b55e2'],
  dataLabels: {
    enabled: false
  },
  stroke: {
    curve: 'straight'
  },
  series: [{
    name: "Desktops",
    data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
  }],
  title: {
    text: 'Product Trends by Month',
    align: 'left'
  },
  grid: {
    row: {
      colors: ['#f1f2f3', 'transparent'], // takes an array which will be repeated on columns
      opacity: 0.5
    },
  },
  xaxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
  }
}

var chart = new ApexCharts(
  document.querySelector("#s-line"),
  sline
);

chart.render();

Hope this helps :)

Kindest Regards,

Design Reset Team

Thanks. That has solved it now. I wasn’t using the

 or the id="whatever" in the <div> block before the chart.</div>

You are most Welcome ;)

how to add profile card in sidebar demo 10?

Dear aadharshila,

Can you share an example and more details regarding your query?

Kindest Regards,

Design Reset Team

Hello, I’d like to know if this comes with the proper .php scripts for a fully functional user database with a working login and registration.

Dear earngifts,

If you are using HTML Version it contains .html files and you have to convert it into .php and make dynamic stuff.

But,

If you are using Laravel Version it contains .blade.php files with working login still you have to make other dynamic stuff.

But,

If you want pure .php files they are not available.

Hope this helps :)

Kindest Regards,

Design Reset Team

Hi, I want this template in VueJs and Node.js

Will I get React or VueJs version in same existing purchased package.

Hello deepak13,

Yes you will get all versions and future updates with this demo.

Kindest Regards,

Design Reset Team

Hello deepak13,

Vuejs 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

Does this template include Laravel version?

Hello tinywitch,

Thank you for contacting Design Reset.

Yes, it comes with Laravel version. Please check the link mentioned below;

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

Kindest Regards,

Design Reset Team

Hi, I am trying to embed a wysiwyg text editor https://www.jqueryscript.net/text/Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor.html

into the form_wizard.html page using the horizontal pill wizard.

My wysiwyg text editor Font, Formatting, and Font size dropdowns gets distorted across its menu.

Any idea why this is occuring?

Dear kobiewilliams,

Thank you for contacting Design Reset.

Maybe it’s because of wizard section. Try to reduce the padding of section.

If the issue is same, kindly share a screenshot as well as working code.

Kindest Regards,

Design Reset Team

Hello – Is there an option to create a 12-month “Year” view for the calendar being used in the Cork demo? Only see month, week, day in the demo.

Dear travelfreely,

Thank you for contacting Design Reset.

There are no such options for year selection in fullcalendar v3.

Kindest Regards,

Design Reset Team

Great theme. Can you please tell me how I can change the color of the checkbox backgrounds and options that are selected in a multiple select menu? Thanks in advance!

Thanks for your reply. Here are the issues I am having. Want to change the blue background of the checkboxes (when checked) and the select menu (as the default) to a different color. https://marygillen.com/select-menu.jpg and https://marygillen.com/checkboxes-blue-background.jpg. Please advise where in the CSS files I can make these changes. Thanks very much in advance!

Dear maryPG,

If you are using default inputs and select then you cannot change the styles but if you are using

- http://localhost/cork-admin/ltr/demo4/form_checkbox_radio.html

Then,

To change the checkboxes background navigate through assets\css\forms\ and open theme-checkbox-radio.css file.

Hope this helps :)

Kindest Regards,

Design Reset Team

Hellow Team,

I would like to know if there is an easy way of making button icon in your template, without button back ground. Just like sample link/icons in table_basic.html for action column.

Dear gabbykweka,

Thank you for contacting Design Reset.

To create an icon button place an icon inside or <button> tag.


<button class="btn icon-custom-btn">SVG Icon</button>
<a href="" class="btn icon-custom-btn">SVG Icon</a>

style the class

.icon-custom-btn {
    background: transparent;
    padding: 0;
    color: your-choice;
}

Kindest Regards,

Design Reset Team

Hi Team,

I am getting below js errors on laravel can you please look into it.

https://prnt.sc/u0bu5t

Kind Regards

Query answered above

Hello Team,

I bought this template today but I am unable to access the images inside storage folder and design looks broken can you please help.

https://prnt.sc/u0bcfw

Regrads

Hello Team,

I was able to fix images but some of js are still showing errors

https://prnt.sc/u0bski

Can you please check this.

Regards

Dear asthurer,

Thank you for contacting Design Reset.

Q1. I am unable to access the images inside the storage folder

A1. To access the image, kindly run php artisan storage:link command.

Q2. I was able to fix images but some of js is still showing errors and I am getting below js errors on laravel can you please look into it.

A2. Those are just the warning triggered by plugins so you do not need to worry about it. All the functionalities will work fine.

Kindest Regards,

Design Reset Team

Sidebar state between pages on demo6:

hello, please what are the settings one should save to local storage in order to have the sidebar state on reload or changing to other page ?

what is the best event to add the storage.setItem() with these settings ?

when is the best moment to load the storage.getItem() ans to apply the saved settings ? after of before App.ini() ?

thanks

Dear pofa2007,

Thank you for contacting Design Reset.

To collapse the sidebar by default you have to add

1. alt-menu class in the body tag.

2. sidebar-closed and sbar-open class in div.main-container

Also,

To get save settings you have to apply storage.getItem() after app.init();

Kindest Regards,

Design Reset Team

Como cambiar la tipografía y el color de la fuente de las letras ?

Dear sotecdi,

Thank you for contacting Design Reset.

To change the font family and to change default text color – Open the main.css file and structure.css file.


body {
    color: #888ea8;                         -----------------> default Text color here
    height: 100%;
    font-size: 0.875rem;
    background: #060818;
    overflow-x: hidden;
    overflow-y: auto;
    letter-spacing: 0.0312rem;
    font-family: 'Nunito', sans-serif;      --------------> Font family change here
}

Translated via Google

Gracias por contactar Design Reset.

Para cambiar la familia de fuentes y cambiar el color del texto predeterminado: abra el archivo main.css y el archivo structure.css.


body {
    color: #888ea8;                         -----------------> default Text color here
    height: 100%;
    font-size: 0.875rem;
    background: #060818;
    overflow-x: hidden;
    overflow-y: auto;
    letter-spacing: 0.0312rem;
    font-family: 'Nunito', sans-serif;      --------------> Font family change here
}

Kindest Regards,

Design Reset Team

Hello, In demo 9 with the purple sidebar. Is there a way to create a normal menu with no submenus?

like when you hover over the “dashboard” you get a submenu with “analytics” and “sales”

I want to make it just like a normal link but even if I remove the submenus manually when I hover over the menu item the purple submenu container appears

Beautiful theme by the way

Dear drmn,

Thank you for contacting Design Reset.

Use the code mentioned below.

- https://pastebin.com/DrsNPeAp

Kindest Regards,

Design Reset Team

Hello, Thank you for the reply that works great. However, now the menu items are not navigating to different pages now. For example if you replace # with http://example.com it won’t move to a different link. Any ideas?

Dear drmn,

Try to remove a data-active attribute

Hope this will helps :)

Kindest Regards,

Design Reset Team

Hi there!

Just wanted to check if you will have a Form Repeater feature?

It would be awesome if you also have that kind of Forms :)

Dear jvbalcita,

Thank you for contacting Design Reset.

No we have not included the form repeater fuctionality, however you can find it via link mentioned below as a third party plugin;

- https://www.jqueryscript.net/form/Form-Fields-Repeater.html

Kindest Regards,

Design Reset Team

I’m trying to recreate the pagination on the Basic Datatables page but it looks like the HTML generated on the demo page is different than mine.

On the demo page the structure is a

    but mine is just a series of tags. If I copy the generated HTML into my page the styles apply and it looks the same, but I’m having trouble figuring out how to initialize the DataTable the same way as the demo.

    Here’s my DataTables initialization: “oLanguage”: { “oPaginate”: { “sPrevious”: ’<svg xmlns=”http://www.w3.org/2000/svg” width=”24” height=”24” viewBox=”0 0 24 24” fill=”none” stroke=”currentColor” stroke-width=”2” stroke-linecap=”round” stroke-linejoin=”round” class=”feather feather-arrow-left”><line x1=”19” y1=”12” x2=”5” y2=”12”></line><polyline points=”12 19 5 12 12 5”></polyline></svg>’, “sNext”: ’<svg xmlns=”http://www.w3.org/2000/svg” width=”24” height=”24” viewBox=”0 0 24 24” fill=”none” stroke=”currentColor” stroke-width=”2” stroke-linecap=”round” stroke-linejoin=”round” class=”feather feather-arrow-right”><line x1=”5” y1=”12” x2=”19” y2=”12”></line><polyline points=”12 5 19 12 12 19”></polyline></svg>’ }, “sInfo”: “Showing page PAGE of PAGES”, “sSearch”: ’<svg xmlns=”http://www.w3.org/2000/svg” width=”24” height=”24” viewBox=”0 0 24 24” fill=”none” stroke=”currentColor” stroke-width=”2” stroke-linecap=”round” stroke-linejoin=”round” class=”feather feather-search”><circle cx=”11” cy=”11” r=”8”></circle><line x1=”21” y1=”21” x2=”16.65” y2=”16.65”></line></svg>’, “sSearchPlaceholder”: “Search…”, “sLengthMenu”: “Results : MENU”, }, “stripeClasses”: [], “lengthMenu”: [10, 20, 50], “pageLength”: 10, “pagingType”: “simple_numbers” }

    Am I missing something to get the same table output as in the demo?

    Thanks!

Dear isightdhobbs,

Thank you for contacting Design Reset.

Your code seems fine can you share a screenshot of your current table that reflects the same issue.

Kindest Regards,

Design Reset Team

Dear Team, I have input date min and max. but i want Inline-forms button height.

<label for=”ship_date”> Date Start :</label> <input type=”date” id=”min” name=”min” class=”form-control” placeholder=”Date Start”> <label for=”ship_date”> Date End:</label> <input type=”date” id=”max” name=”max” class=”form-control” placeholder=”Date End”> <input type=”submit” name=”search” id=”search” class=”btn btn-info”value=”search” />

Dear akachai1526,

Thank you for contacting Design Reset

Try the link mentioned below;

- https://getbootstrap.com/docs/4.5/components/forms/#inline-forms

Kindest Regards,

Design Reset Team

Nice, thanks !!

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