Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template (Page 11)

knugroho Purchased

almost 5 years ago

hi team, really happy the HTML verison

but is there any chance of upgrade to the VUE without full price / discount hahaha

thank you

Left4code Author

almost 5 years ago

Hi knugroho,

Thank you for reaching out to us,

We really appreciate you and your team for using our template, but for now, Envato only has a discount feature, if there is a special event only (March sale, Mid year sale, etc).

Thank you again for using our template.

Best regards, Left4code Team

knugroho Purchased

almost 5 years ago

i see, already bought the VUE version anyway, nice work team!

Left4code Author

almost 5 years ago

We really appreciate that, thanks again..

valeriocontini

almost 5 years ago

Hello, I’m trying to put tom-select component inside another component like BaseSelect component, but when I choose the select option, the associated v-model doesn’t update. Are there any way to solve this problem? Please help me. It’s blowing my mind Looking forward to get answer from you Valerio

p.s. I’m v-binding the $attrs

<TomSelect :id=”id” class=”w-full” v-bind=”$attrs”> <option v-for=”(option, idx) in data” :key=”idx” :value=”option.value”> {{option.label}} </option> </TomSelect>

Left4code Author

almost 5 years ago

Hi valeriocontini,

Thank you for reaching out to us,

Can you explain why you need to use v-bind=”$attrs”? As stated in vue 3 documentation you can use “emit(‘update:modelValue’, value)” to emit a value into related v-model.

https://v3.vuejs.org/guide/migration/v-model.html#overview We use it too to make the Tom-select custom component, you can check it at ”/src/global-components/tom-select/index.js”. https://prnt.sc/1u2ifx1

irvine48

almost 5 years ago

hi dev,

need include any script to make this work?

Uncaught TypeError: $(...).model is not a function

Left4code Author

almost 5 years ago

Hi irvine48,

Thank you for reaching out to us,

We use “cash” keyword for the modal plugin. So it would be something like this:


// Show modal
cash("#basic-modal").modal("show");

// Hide modal
cash("#basic-modal").modal("hide");

// Toggle modal
cash("#basic-modal").modal("toggle");

Justian0 Purchased

almost 5 years ago

Hello, i am trying to use default tailwind classes like text-red-500, border-red-500 but it doesnt work. I am using Laravel Mix and the classes are not in the compiled css files, how can i fix this?

Left4code Author

almost 5 years ago

Hi Justian0,

Thank you for reaching out to us,

Please check the tailwind config file and move the “colors” key into the “extend” key. You can check the screenshot below for more details. https://prnt.sc/1qxqksm

Best regards, Left4code Team

bus12236 Purchased

almost 5 years ago

Hello, Where is data Tabulator in http://rubick.left4code.com/top-menu-light-tabulator.html

I can’t find it. Thank You

bus12236 Purchased

almost 5 years ago

I found it while researching. Thank you.

Left4code Author

almost 5 years ago

Hi bus12236,

Glad to hear that..

webkeon Purchased

almost 5 years ago

Hi,

We have follow all the installation instruction according to the documentation.

When i run last command “yarn run watch”, it is taking too long time and not completed.

Also it is creating url http://localhost:3000/ and not working, loading too long time.

Thanks

14 other replies

Left4code Author

almost 5 years ago

Hi webkeon,

Thank you for reaching out to us,

Can you provide your installation video? You can send it as a youtube or google drive link.

webkeon Purchased

almost 5 years ago

Please check this https://drive.google.com/file/d/1W1oIfpezyrJlDzfUA4BlOxeVTp1nVUth/view?usp=sharing

webkeon Purchased

almost 5 years ago

Hi Guys any update?

Left4code Author

almost 5 years ago

Hi webkeon,

Thanks for your reply,

Your installation process actually has no issues. Please re-download the latest updates with the new JIT compiler enabled by default.

If you’re new to TailwindCSS, you can the link below about JIT compiler which has a faster compile speed. https://tailwindcss.com/docs/just-in-time-mode You can configure the browser-sync proxy from “webpack.mix.js” if you want to use the live-reload feature. Just point out the “proxy” key to your local server URL, please check the screenshot below. https://prnt.sc/1qgz47d

Best regards, Left4code Team

webkeon Purchased

almost 5 years ago

Hi,

We follow as per above instruction still we are facing some issue

On webpack.mix.js

I have added below:

.browserSync({ proxy: “http://localhost/rubick”, files: [“src/*/.*”], });

After run yarn run watch, showing webpack compiled successfully.

And showing a url http://localhost:3000/rubick/. I have created a folder “rubick” in xampp and uploaded your given complied file in this folder. After made a change in index.html in source file, it is not reflecting on here http://localhost:3000/rubick/ also not generating any compile folder where we can see changes.

Left4code Author

almost 5 years ago

Hi webkeon,

It seems like you need to make an alias domain to your localhost address and reconfigure it to browsersync.

Maybe this link can help: https://www.betterhostreview.com/change-localhost-to-domain-name-xampp.html You can check this link to know more about browsersync config: https://laravel-mix.com/docs/6.0/browsersync Or you can just remove the browsersync config to start the compiler without browsersync: https://prnt.sc/1qhs3mi

Best regards, Left4code Team

webkeon Purchased

almost 5 years ago

Hi,

After removed browserSync and run this command “yarn run watch” or “yarn run dev”, it is showing “webpack compiled successfully”. But it is not generating compiled folder or any URL where we can check our changes. What I am doing here, I am changing some text in Source html page and run command “yarn run watch”. Should it will generate a compiled folder (with html/js/images) and URL to see changes? If yes, it is not generating compiled folder in my case.

Please advise!

Thanks

Left4code Author

almost 5 years ago

Hi,

It will not generate new HTML file, Laravel Mix (which is based on webpack) is an assets bundler so it will just generate new CSS/JS files (transform SCSS code into regular CSS file, transpile JS code, etc). You can search more about webpack on the internet.

Generated asset files are listed on the command line (by default is in /dist), please check the screenshot below: https://prnt.sc/1qhzms2

For example you can try change the color in “tailwind.config.js”, and rerun the compiler to get the result.

Best regards, Left4code Team

webkeon Purchased

almost 5 years ago

Hi,

I am getting issue on page size and pagination on data listing page.

In your demo data Tabulator getting data from your demo url(https://dummy-data.left4code.com). Now i have changed demo url and receiving date from a php page with same format. On php page i have set 3 row data and for pagination i have set “paginationSize: 1”, paginationSizeSelector: [1, 2, 20, 30, 40, 50], but still on page all 3 data are showing on first page, it should show one row on first page and so on… In my case page size and pagination not working. Is there any other setting for it? Please help!

Thanks

https://drive.google.com/file/d/1T4xxZc5jgBAmLib4SUnRhg1nwO_dRuqx/view?usp=sharing

Left4code Author

almost 5 years ago

Hi webkeon,

We just share a simple API example with Mysql database to work with Tabulator.

Please check your email.

Best regards, Left4code Team

webkeon Purchased

almost 5 years ago

not received…........please send on webkeon@gmail.com

Left4code Author

almost 5 years ago

Email sent, kindly check your email.

Best regards, Left4code Team

webkeon Purchased

almost 5 years ago

Hi Guys,

On listing page http://clientwebdemos.com/medkeon/medphp/view-domain.html, In last 2 column after 40 rows ICONS (“Edit” and “Delete”) are not visible

Please help!

Thanks

webkeon Purchased

almost 5 years ago

Hi Guys Any update ?

Left4code Author

almost 5 years ago

Hi webkeon,

Thank you for reaching out to us,

Can you send a step-by-step to reproduce the issue?

We just checked your link and seems like the feather icon plugin is not initialized after the table rendered. https://prnt.sc/1u2md44

webkeon Purchased

almost 5 years ago

Hi Team,

Already added “renderComplete” as below:

renderComplete: function renderComplete() {
       feather_icons__WEBPACK_IMPORTED_MODULE_1___default().replace({
         "stroke-width": 1.5
       });
     }

I have also checked to change “stroke-width” value but no effect.

Please check below link for step-by-step process.

https://drive.google.com/file/d/1CXem2nhYP5edgTlF2FlGhv9-rBdbxm1Q/view?usp=sharing

Thanks

Left4code Author

almost 5 years ago

Hi there,

Thank you for your reply,

After checking your API it turns out that this is a Tabulator issue, we’ve also tried with the latest version, and still have the same result.

However, we can add some custom code that watches the dom changes and re-init the icon. You can use this code for a while until the issue is resolved. Please check the code below:


renderComplete() {
                const observer = new MutationObserver(function (mutations) {
                    feather.replace({
                        "stroke-width": 1.5,
                    });
                });

                observer.observe(document.body, {
                    childList: true,
                    subtree: true,
                });
            },

Hope this helps.

Krammig

almost 5 years ago

Hello,

Are you able to add a “dot” on the line Chart to show where people can hover to see the actual information ? Currently people just have to guess if it is even available or where to hover.

Or is that already available but just not shown in the demo ?

Thanks

Left4code Author

almost 5 years ago

Hi Krammig,

Thank you for reaching out to us,

Yes, it’s actually quite simple to implement by adding some options, we just hide it by default in the demo..

Hope this helps.

Best regards, Left4code Team

gilvaju Purchased

almost 5 years ago

Hi, I would like to buy the theme to be able to convert it into a react/next/tailwind application.

But I’m afraid I can’t, if it happens, do you have a refund policy?

Here are some questions:

What is the percentage of usage of tailwind in the theme’s css? Is the use of javascript only in plugins?

Left4code Author

almost 5 years ago

Hi gilvaju,

Sorry for the late reply,

You can check our refund policy at this link: https://themeforest.net/page/customer_refund_policy

We don’t use any other CSS frameworks in the template, it’s fully TailwindCSS template. Most of the js code is for initializing plugins, but we also wrote some js code for parts like side menus and built-in plugins (modal, accordion, tabs, etc).

Best regards, Left4code Team

gilvaju Purchased

almost 5 years ago

Thank you, i will try!

Left4code Author

almost 5 years ago

You’re very welcome..

Please don’t hesitate to contact us with any questions or concerns you may have.

Best regards, Left4code Team

psinno12 Purchased

almost 5 years ago

Hey hi, This is Rajesh

I have recently purchased the Midone Rubick template for my React JS application. I have listed some questions below

1. How can i use third-party libraries like Chart JS, tabulator? 2 Does the template is available for React JS? 3.The whole template is in pure javascript, it is a time-consuming process to convert JS to React JS. Do we have any easy approach to do this?

Thanks in advance. Please do respond ASAP

Left4code Author

almost 5 years ago

Hi Rajesh,

Sorry for the late reply,

You can open the “Source” version and check ”/src/app.js”. We have provided comments for third-party libraries.

Unfortunately, we still haven’t created a reactjs version for this template. However, we have included the template with basic components like modals, dropdowns, tabs, accordions, etc. So you can save time integrating the template with react because you can use existing components.

Hope this helps.

Best regards, Left4code Team

Gioware Purchased

almost 5 years ago

where in css can I change main background color (heavy blue) for rubik/midone?

4 other replies

Left4code Author

almost 5 years ago

Hi Gioware,

Thank you for reaching out to us,

You can check “tailwind.config.js” to modify the theme color.

Example for Rubick: https://prnt.sc/1imulzw

Hope this helps.

Best regards, Left4code Team

Gioware Purchased

almost 5 years ago

Replaced color there, it did not work, color is same dark blue, am I supposed to be doing it inside source folder?

or maybe there is simple css/html version of this? I don’t understand why css is inside js

Left4code Author

almost 5 years ago

Hi Gioware,

If you are trying to integrate the template into an existing project directory you should copy all of these files from “source” version. https://prnt.sc/1iqdz61

Then install the dependencies by running “yarn install” or “npm install” as described in the documentation. To compile the changes you made, you need to run the compiler by running “yarn run watch” or “npm run watch”.

Best regards, Left4code Team

Gioware Purchased

almost 5 years ago

No, I am trying to create simple mockup using simple html+css and would like to avoid yarn and npm if possible, changeing colors inside tailwind.config.js do not do anything.

Left4code Author

almost 5 years ago

Hi Gioware,

You need to install the project dependencies for development, thats why package manager must to be installed, please check this following documentation link: https://tailwindcss.com/docs/installation https://tailwindcss.com/docs/customizing-colors

Hope this helps.

Best regards, Left4code Team

Gioware Purchased

almost 5 years ago

What? I found it inside app.css

Left4code Author

almost 5 years ago

Hi Gioware,

You can find it in app.css because it is a compiled result from the “source” version. The original code of the template is written in SASS and TailwindCSS, which is why you need a compilation process to generate a regular CSS file.

ddanyboy

almost 5 years ago

What can of website can i build with Admin Dashboard?

wordpressb2cn

almost 5 years ago

Right now I have Regular License, we are ready to put our site live and start charging for it though. Is there a way we can uprade to the Extended License minus the cost of the license we have already purchased?

Left4code Author

almost 5 years ago

Hi there,

Thank you for reaching out to us,

Please re-purchase the item with the extended license, then you can apply for a refund for the regular license at the following link. https://themeforest.net/refund_requests/new

We will process your refund as soon as possible.

Best regards, Left4code Team

Mrnicoo Purchased

almost 5 years ago

Hi, I can not find the elements in the XD Design Files that is listed in Dashboard Icewall – Overview 2 or 3. Like Summary Report (to the right etc?) I can only find one Overview. Please let me know where I find the other 2.

Left4code Author

almost 5 years ago

Hi Mrnicoo,

Thank you for reaching out to us,

The design file is currently only available for the “rubick” theme as the other 2 themes are our latest updates. You may also notice some pages are missing and slightly different from the HTML version as we have made some changes in the latest update.

Best regards, Left4code Team

bj_bogdan Purchased

almost 5 years ago

If i want to use Tabulator where do i put the js code, what is the best practice? In the same page as html, on a separat js file and import it or add it to app.js? And as a side question how can i recreate app.js?

Left4code Author

almost 5 years ago

Hi bj_bogdan,

I suggest you to create a separate js file and import it to “app.js” to bundle all of your js files into a single file and reduce HTTP request.

Simply run “yarn run watch” or “npm run watch” to start the compiler, it will automatically recompile the “app.js” if there’s a change in your code.

Hope this helps.

Best regards, Left4code Team

Mrnicoo Purchased

almost 5 years ago

Great theme,!

Left4code Author

almost 5 years ago

Hi Mrnicoo,

Thank you for your kind words..

Let me know if you have any question about the template.

Best regards, Left4code Team

bj_bogdan Purchased

almost 5 years ago

Hello, we use this template to render pages from server side. The animations are highlighting that the site is refreshing after every navigation. How can i remove all anitamtion from Icewall template?

Left4code Author

almost 5 years ago

Hi bj_bogdan,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

You can open this file ”/src/sass/_app.scss” and comment the line below to disable the animation. https://prnt.sc/10luqxr For the side menu you can open this file ”/src/sass/components/_side-nav.scss” scroll to the bottom of the file and comment the animation code. Please check the screenshot below: https://prnt.sc/1aong8z

Hope this helps.

Best regards, Left4code Team

bj_bogdan Purchased

almost 5 years ago

Thank you, i will try it.

Left4code Author

almost 5 years ago

You’re very welcome..

Best regards, Left4code Team

Mrnicoo Purchased

almost 5 years ago

Hi, sorry for a stupid question but how do I change the layout if I want. Is it easy like Wordpress or must I be able to code myself? No drag and drop I mean? If not – can I use dreamweaver or similar?

Also, do you provide PSD files if I buy it?

Left4code Author

almost 5 years ago

Hi Mrnicoo,

We just replied to your other discussion, kindly check your email..

Best regards, Left4code Team

Sai_ch Purchased

almost 5 years ago

Hey! How can you dynamically add Option in Tom Select?

Left4code Author

almost 5 years ago

Hi Sai_ch,

Thank you for reaching out to us,

Please extend your support license to keep getting support from us.

Best regards, Left4code Team

Mrnicoo Purchased

almost 5 years ago

Hi, sorry for a stupid question but how do I change the layout if I want. Is it easy like Wordpress or must I be able to code myself? No drag and drop I mean? If not – can I use dreamweaver or similar?

Mrnicoo Purchased

almost 5 years ago

Also, can you provide PSD files if I buy it?

Left4code Author

almost 5 years ago

Hi Mrnicoo,

Thank you for taking the time to contact us, sorry for the late reply.

Since it’s an HTML template you need to code the template to change the layout, there’s no drag and drop feature.

You can use any code editor you want (vscode, sublime, etc).

The design file is only available in Adobe XD and only available for Rubick.

Hope this helps.

Best regards, Left4code Team

Veronikabp Purchased

almost 5 years ago

Hello, thank you for the product.

I find that multiple dropdown have limit = 15 items, after 15 items got chosen you can’t add 16th. Can I increase that limit? Short example of dropdown: <select data-placeholder=”Select your favorite actors” data-search=”true” class=”tail-select w-full” multiple> <option value=”1” selected>Leonardo DiCaprio</option> <option value=”2”>Johnny Deep</option> <option value=”3” selected>Robert Downey, Jr</option> <option value=”4”>Samuel L. Jackson</option> <option value=”5”>Morgan Freeman</option> </select>

Thx in advance

Left4code Author

almost 5 years ago

Hi Veronikabp,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

You can increase the “multiLimit” options from the Tail-Select initialization. You can check this file to update the config ”/src/js/tail-select.js”.

Don’t forget to recompile the assets after making changes.

Please check this link for more details: https://getbutterfly.com/tail-select/ https://prnt.sc/196ldak

Best regards Left4code Team

Last Update	10 June 2025
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
ThemeForest Files Included	HTML Files, CSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin, backend, chat, clean, dashboard, flat, jquery, minimal, modern, responsive, tailwind, tailwind component, tailwind ui, tailwindcss, ui
Created	6 years ago

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Left4code supports this item

447 comments found.

Left4code

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Left4code supports this item

447 comments found.

Left4code

Tell us what you think!