Hello,

So please, what kind of authentication or authentication library would you recommend i use? and if you have like an implementation material kindly share.

Thanks

This runs fine with npm run dev, but fails a bunch when trying to npm run build.

Purchased your midone react code and not able to find .jsx files. All I see using the .tsx files.

I need the version which is in react and javascript not typescript.

Also checked in your documentation, it shows .jsx files. Please send the correct version.

I see in this template u use col-span class, which it’s a bootstrap class not a tailwind class. is it actually a bootstrap that you use in your code or it just a name of class that similiar with bootstrap class that u use to make a grid system?

Hi, I wanna add a new color scheme, how do do it? what file should I change?

Hi Midone, I bought midon react, in your documentation you said at folder src/lib/* there are all components used by template, but the folder is not there, the folder doesnt exist

Hello,

Is there a version with REACT that is NOT using tailwind for CSS?

Dialog scroll is not working any other solutions

Great Work!

Goodnight. Sorry, I’m using the accordion component and they asked me not to automatically display the item when the page loads. That is, each time the page is loaded, the first item of the accordion is automatically displayed, therefore it is required that it not have this compartment, that it be shown closed, unless a click is pressed voluntarily.

Cannot use your src code of js files I just upload your files into server and nothing works

Uncaught SyntaxError: Cannot use import statement outside a module (at app.js?ver=1:9:1)

i would like to ask for help about sample code route protection with jwt token.

Pre-Sales Question: is this comes with Redux (Test Authentication) implemented ?

Hi, whenever I am trying to use “recoil” for state management I am getting an error: Uncaught Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition..

I have setup recoil as described in their documentation. The strangest thing is that it happens the first time rendered. If I assign a static empty array for my list, and then change to use recoil, it will autoload correctly. But once I navigate through sidebar back to the page blank screen is shown again.

Hope I described my problem well.

Thanks!

Is the sales performance module from Rocket Man (the year overview with highlights) also available for this template?

how can I use jquery with this?

Thank you for your excellent template.

Install the “react-datepicker” library to use it in your template, but when displaying the date box, the input overlaps the object and it fails to display. The inptus are inside a div with the class , and if I remove that div, everything works fine but unfortunately I can’t change the layout of the form. Attached I send the image of how the input is shown superimposed on the library

To whom it may concern,

Thanks. I have downloaded your Midone theme but, it does not quite meet expectation once I have received the files. It won’t be suitable for our purposes and I am messaging to enquire on a refund and deletion of your theme from my account and locally.

Same issues as below regarding starter pack install and render issues. Calls out to Left4Code NPM modules, etc. rather as all local code.

Happy to discuss further.

Goodnight.

I have a serious bug in the template. I need you to please clarify the error. I don’t know if it’s the developer’s intention or if I’m not doing it correctly.

In the body the following class “overflow-y-hidden” is added, and I managed to prevent it from happening by modifying two files, which are located in:

1- \node_modules\.vite\deps\@left4code_tw-starter_dist_js_modal.js

2- \node_modules\@left4code\tw-starter\dist\js\modal.js

The modification made to each file is as follows:

For file 1 located at: \node_modules\.vite\deps\@left4code_tw-starter_dist_js_modal.js

Modify the following function:

// function original function show(the) { if (!dom(“[data-modal-replacer=’” + dom(el).attr(“id”) + ”’]”).length) { dom(‘ ‘).insertAfter(el); dom(el).css({ “margin-top”: 0, “margin-left”: 0 }); dom(el).attr(“aria-hidden”, false).appendTo(“body”); setTimeout(() => { dom(el).addClass(“show”).css(“z-index”, getHighestZindex() + 1); const event2 = new Event(“shown.tw.modal”); dom(el)[0].dispatchEvent(event2); }, 200); dom(“body”).css(“padding-right”, parseInt(dom(“body”).css(“padding-right”)) + getScrollbarWidth(“html”) + “px”).addClass(“overflow -y-hidden”); dom(”.modal”).removeClass(“overflow-y-auto”).css(“padding-left”, “0px”); dom(el).addClass(“overflow-y-auto”).css(“padding-left”, getScrollbarWidth(el) + “px”).addClass(dom(”.modal.show”).length ? “modal -overlap” : ””); const event = new Event(“show.tw.modal”); dom(el)[0].dispatchEvent(event); } }

The modified line was: dom(“body”).css(“padding-right”, parseInt(dom(“body”).css(“padding-right”)) + getScrollbarWidth(“html”) + “px”).addClass(“overflow -y-hidden”);

The modification made was to remove ”.addClass(“overflow-y-hidden”);”

leaving the code as follows: dom(“body”).css(“padding-right”, parseInt(dom(“body”).css(“padding-right”)) + getScrollbarWidth(“html”) + “px”)

For file 2 located at: \node_modules\@left4code\tw-starter\dist\js\modal.js

The following function has been modified: // function show(the) { if (!dom(“[data-modal-replacer=’” + dom(el).attr(“id”) + ”’]”).length) { // Move modal element to body sun( ‘ ‘ ).insertAfter(the); dom(el).css({ “margin-top”: 0, “margin-left”: 0, }); dom(el).attr(“aria-hidden”, false).appendTo(“body”);

// Show modal by highest z-index
    setTimeout(() => {
      sun(the)
        .addClass("show")
        .css("z-index", getHighestZindex() + 1);
}

// Trigger "shown.tw.modal" callback function
    const event = new Event("shown.tw.modal");
    dom(el)[0].dispatchEvent(event);
  }, 200);
}

// Setting up modal scroll
sun("body")
  .css(
    "padding-right",
    parseInt(dom("body").css("padding-right")) +
      getScrollbarWidth("html") +
      "px" 
  )
  .addClass("overflow-and-hidden");
dom(".modal").removeClass("overflow-y-auto").css("padding-left", "0px");
sun(the)
  .addClass("overflow-y-auto")
  .css("padding-left", getScrollbarWidth(el) + "px")
  .addClass(dom(".modal.show").length ? "modal-overlap" : "");

// Trigger "show.tw.modal" callback function
const event = new Event("show.tw.modal");
dom(el)[0].dispatchEvent(event);

The modified line was: sun(“body”) .css( “padding-right”, parseInt(dom(“body”).css(“padding-right”)) + getScrollbarWidth(“html”) + “px” ) .addClass(“overflow-and-hidden”);

The modification made was to remove ”.addClass(“overflow-y-hidden”);”

leaving the code as follows: sun(“body”) .css( “padding-right”, parseInt(dom(“body”).css(“padding-right”)) + getScrollbarWidth(“html”) + “px” )

Now what happens:

After executing the system in the development environment over and over again and after several days, it restores the lines of code as they were originally, forcing me to go through the same modification process again. That is, it returns me to add ”.addClass(“overflow-y-hidden”);”.

My questions would be: I need to modify some file of the template so that it leaves me the code as I modified it, or it is a bug that restores the code again, or it is the developer’s intention that nothing can be modified and I am forced to wait for updates or improvements . Please I wait for your prompt response, because with the help of your template, my system is ready for production but I can’t upload it without first fixing those bugs.

Note: My intention is only to know in which other file I must modify said code so that the template is not restored again. Please don’t ask me why I need to remove that code, or to explain me better about the body and the “overflow-and-hidden” it adds. Already in previous questions I tried to explain myself and I was never understood, so I fixed it on my own and now I just want you to tell me how to prevent the template from restoring the code