Discussion on Midone - Tailwind CSS React Admin Dashboard Template + HTML Version

Discussion on Midone - Tailwind CSS React Admin Dashboard Template + HTML Version

Cart 910 sales
Well Documented

Left4code supports this item

Supported

This author's response time can be up to 2 business days.

133 comments found.

Hi, I hove some question about the midone template. My item purchase code is e4ad2d2a-e03b-4d01-8613-7d24d9ac0080.

1 How to instal starter pack. I have problem with css, after i run yarn install and open browser it css broken image.png image.png

2 How to find the icon style? In side menu, i want to change the home icon with other new icon in feather icon that’s not included in here. What file should i change? image.png

3 In terminal it say “warning package.json: No license field”, how to fix it? image.png

Hi there,

Thank you for reaching out to us,

1. Can you send a step-by-step to reproduce the issue? We just checked the starter version and there doesn’t seem to be any issue.
https://i.imgur.com/riZoMXF.png

2. You can check the available icons at the following link. To change the side-menu icon, open the `/src/stores/side-menu.js` file, and there you can find all the icon configurations.
https://lucide.dev/

3. Please check this link.
https://docs.npmjs.com/cli/v8/configuring-npm/package-json#license

Oh, thanks. I have download the file & reinstall i, then the starter template can be used

Glad to help.. :)

Hi @Left4code, How can I remove the effect that occurs on the left menu and page while the page is loading?

Hi there,

Thank you for reaching out to us,

Please open this file ”/src/assets/css/app.css” and comment this line.
https://i.imgur.com/qpy6pnn.png
Next, open this file `/src/assets/css/components/_side-nav.css` and comment the following lines.
https://i.imgur.com/g2vfYt6.png
Please use incognito if you are using chrome or use another browser if you can’t open the above link.

Hi, I’m having problem with running tinker-v1.0.6 with “Create React App” or simply react with webpack instead of vite. It seems not to building the css properly. Is there rule that I should follow?

Hi,

Thank you for reaching out to us,

For now, it looks like CRA is still ignoring the postcss config, so you need some way to make it work. Please check the following link.
https://github.com/tailwindlabs/tailwindcss/discussions/7035#discussioncomment-2208391

Thank you, I think it will help.

Glad to be of help.. :)

Hi, Trying to deploy the just-updated Rubick v2.0.0 (with Typescript) on Github > Vercel and getting thrown several errors: https://imgur.com/a/JO35DWg

Thanks for support.

Hi,

Thank you for reaching out,

We just fixed the typing issue on tom-select component, please re-download the file to get the updates.

Pre Purchase question

I have purchased Laravel Version, If I purchase this is there a guide to Merge? I will like to use Laravel backend and React version for the front end

Please advise

Hi there,

Thank you for reaching out to us,

Unfortunately, integration with Laravel is a custom request and is not included in the support.

Our team is currently focusing on migrating the React version to TypeScript so at this time we cannot accept any custom requests outside of support.

Are you going to upgrade this template to Typescript soon?

Hi,

Thank you for reaching out,

Yes, the release date will be a little late but we will release it soon.

Will there be breaking changes, or can I start working on the current version? Do you advise we wait for the update? And when can we expect it, please?

Hi,

We have released the latest update for Rubick version with TypeScript support, the other versions will be updated regularly, thanks.

We are using vercel (https://otomo-application-frontend-c4b95lh1c-otomoaf.vercel.app/) to host the app, we added the vercel.json with the rewrites

{ “rewrites”: [{ “source”: ”/(.*)”, “destination”: ”/” }], }

The navigation works as expected but when I refresh the page it shows a 404 error

Am I missing something?

hi team, i custom the tailwin.config,js then save the file then i saw this error how can i fix it, this is error https://ibb.co/dGNSqDz

i’m using node version 16.14.2

Hi,

I just found the problem, you need to restart the compiler when you make changes to the configuration. This is a limitation on Tailwind not being able to re-run the `withOpacityValue` function when a config change occurs.

Hi team, this is my fault. because when i use older tailwind version, it not show error when i make changes config file Thanks for your supporting and i think the source will be better if next version, we have lazy import component Thank you very much

Hi! I was wondering if there was any way to get typescript definitions for the base components? Thanks!

Hi there,

Sorry for the late reply,

We’re currently migrating all of the Midone codebase to typescript, we plan to release it in the next week.

Hi,

We have released the latest update for Rubick version with TypeScript support, the other versions will be updated regularly, thanks.

i cant build the project for production using npm build and yarn build.

Hi,

Thank you for reaching out,

Can you send the error message or something we can check?

i dont get any errors i just get a blank green screen

Hi,

Thank you for your reply,

Can you send a screen recording of the build process?

We cannot reproduce the issue you are experiencing without any information.

Hey

How to install components to collapse class… instead accordion

Hi there,

Sorry for the late reply,

It looks like you can still use the accordion component with a single item.

<AccordionGroup>
    <AccordionItem>
        <Accordion>
            OpenSSL Essentials: Working with SSL Certificates,
            Private Keys
        </Accordion>
        <AccordionPanel className="text-slate-600 dark:text-slate-500 leading-relaxed">
            Lorem Ipsum is simply dummy text of the printing and
            typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s,
            when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has
            survived not only five centuries, but also the leap
            into electronic typesetting, remaining essentially
            unchanged.
        </AccordionPanel>
    </AccordionItem>
</AccordionGroup>

Are there any sample components we can check?

when typescript version updated? please!

Hi,

Thank you for reaching out,

Unfortunately, we still don’t have an estimated timeline for now due to several other major updates, but we will work on it soon.

Hi,

We have released the latest update for Rubick version with TypeScript support, the other versions will be updated regularly, thanks.

Hi, I’m trying to find the adobe XD template. Could you tell me where it is?

Best regards, Michael.

Hi there,

Sorry for the late reply,

For now, the XD design file is only available for Rubick. Please check the Rubick version for that.

Best regards, Left4code Team

In the future, can you refactor this theme to use Redux + Typescript?

It took me so much time to change every file to Typescript and define types

Hi,

Thank you for reaching out to us,

Yes, we are working on it. The next updates will be rewritten in Typescript.

Hi,

We have released the latest update for Rubick version with TypeScript support, the other versions will be updated regularly, thanks.

Just bought it today. Awesome theme!

Can this theme be updated to Vite v3?

V2 is obsolete now

Hi,

Sorry for the late reply,

Yes, we will upgrade vite in the next version, we will also rewrite the code base to typescript.

Today I bought this template and it is not responsive as in the live preview, I leave a screenshot of how it looks in mobile version

https://imgur.com/a/DzWTie7

Hi there,

Thank you for reaching out to us,

There was a CSS mixin update causing this issue recently, we just released an update for this. Please run `yarn add @left4code/tw-starter` to update the dependency.

Let me know if the problem still appears.

Goodnight. Please some way to remove the animation to a specific modal. I don’t want to remove it from the entire app, just the loading modal, and if it’s additional, can you tell me what class I should apply to make it look transparent?

Hi there,

Sorry for the late reply,

We don’t actually have built-in props to disable animations so we need to modify the modal component a bit. Please open this file ”/src/base-components/modal/index.js” and update the following line.

https://i.imgur.com/kKqYGuG.png

className: classnames({
          modal: true,
          [props.className]: true,
          "modal-slide-over": props.slideOver,
          "!transition-none": !props.transition,
        }),

https://i.imgur.com/rnzwIDl.png

className: classnames({
            "modal-dialog": true,
            [props.size]: true,
            "!transition-none": !props.transition,
          }),

https://i.imgur.com/4Ft97Hi.png

Modal.propTypes = {
  show: PropTypes.bool,
  size: PropTypes.string,
  backdrop: PropTypes.string,
  slideOver: PropTypes.bool,
  transition: PropTypes.bool,
  getRef: PropTypes.func,
  onShow: PropTypes.func,
  onShown: PropTypes.func,
  onHide: PropTypes.func,
  onHidden: PropTypes.func,
};

Modal.defaultProps = {
  show: false,
  size: "",
  backdrop: "",
  slideOver: false,
  transition: true,
  getRef: () => {},
  onShow: () => {},
  onShown: () => {},
  onHide: () => {},
  onHidden: () => {},
};

You can then use the component with `transition: false` props.

<Modal
                      show={basicModalPreview}
                      transition={false}
                      onHidden={() => {
                        setBasicModalPreview(false);
                      }}
                    >
                      <ModalBody className="p-10 text-center">
                        This is totally awesome blank modal!
                      </ModalBody>
                    </Modal>

Ok. Thank you very much

Glad to help.. :)

do you support rtl?

Hi,

Unfortunately, we don’t support RTL version.

hi

do you have a version with Redux instead of Recoil?

Hi there,

Sorry for the late reply,

Unfortunately, we currently only have the recoil version, but we will be using the redux toolkit in the next version.

Any timeline to when the redux version will be ready?

Hi,

We will be migrating the next version to TypeScript, we expect it to be released at the end of next month.

Hi team, what different between this version vs “Rocketman – Tailwind CSS React 18+, Vuejs 3, HTML & Laravel 9 Admin Dashboard Template” version? i saw the both supported react.

Hi there,

Thank you for reaching out to us,

In addition to design, Rocketman and Midone also have different layouts, and page variations, but the components remain the same.

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