Discussion on Rocketman - Tailwind CSS React 18+, Vuejs 3, HTML & Laravel 9 Admin Dashboard Template

Discussion on Rocketman - Tailwind CSS React 18+, Vuejs 3, HTML & Laravel 9 Admin Dashboard Template

Cart 466 sales
Well Documented

Left4code supports this item

Supported

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

96 comments found.

Item ID: 36563520 Item Purchase Code: 1bd41448-e5c1-4b4b-a086-6904689ea653 Purchase Date: 2023-04-06 06:52:22 UTC

Problem: cannot load css

Error on console

to load resource: net::ERR_ADDRESS_INVALID Failed to load resource: net::ERR_ADDRESS_INVALID Failed to load resource: net::ERR_ADDRESS_INVALID login:110 Uncaught ReferenceError: $ is not defined at login:110:13 at login:119:11

Hello,

Thank you for reaching out to us!

We’d be happy to help you, but before we can do so, could you kindly provide us with some more information? Can you tell us what version you are using and provide a step-by-step description of what you have done to encounter this issue? This will allow us to better understand your situation and provide you with more effective assistance.

Thanks again for getting in touch, and we look forward to hearing back from you soon!

Ajax does not work in the click function! If I comment app.js there is no problem. I’ve already tried 1000 times and none of them work.

<script > $(document).ready(function() { $(”#target”).click(function() {

$.ajax({
              url: 'strana/ssf/ssf_Validace.php', 
              success: function(result) {
                alert(result); 
              }
            });
          });
    });
</script>

this code works! huraaa var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState 4 && this.status 200) { // zde můžete zpracovat odpověď ze serveru alert(this.responseText); } }; xhttp.open(“GET”, “strana/ssf/ssf_Validace.php”, true); xhttp.send();

Hello! We’re happy to help you out with the issue you’re facing. We’ve already responded to your query in the previous discussion. Please give the suggested solution a try, and if you still need further assistance, don’t hesitate to let us know. We’re here to help!

Typy překladů Přeložit text Zdrojový text Ahoj

1) jak dekompiluju soubor app.js (7,5MB) Nepotřebuji všechny nihovny a nyní mi nefunguje v JQuery Ajax! Ahoj

1) jak dekompiluju soubor app.js (7,5MB) Nepotřebuji všechny nihovny a nyní mi nefunguje v JQuery Ajax! Když zakomentuju app.js Ajax normálně funguje.

Ideálně bych potřeboval kazdou js komponentu zvlášť

2) Druhá věc stránka se načítá 2x animace ikon proběhne 2x to je u mě nechtěné jak docílím toho aby animace docitani ikon rpbehla jen jednou? 354 / 5 000 Výsledky překladu Výsledek překladu Hello

1) how do I decompile the app.js file (7.5MB) I don’t need all the niggers and now it doesn’t work for me in JQuery Ajax! I don’t need all the niggers and now it doesn’t work for me in JQuery Ajax! Nepotřebuji všechny negry a teď mi to nefunguje v JQuery Ajax! I don’t need all the niggers and it doesn’t work for me in JQuery Ajax now! Nepotřebuji všechny negry a v JQuery Ajax mi to teď nefunguje!

When I comment app.js Ajax works normally.

Ideally, I would need each js component separately

2) The second thing is that the page loads twice, the animation of the icons takes place twice, this is unwanted by me, how can I make the animation of the loading of the rp icons run only once? Více o zdrojovém textu Pro další informace o překladu je potřeba zdrojový text Odeslat zpětnou vazbu Postranní panely

Hello,

Thank you for contacting us. It looks like you are trying to use the $.ajax function from jQuery on our template. We want to let you know that we don’t use jQuery on this template, but rather a plugin that’s similar to jQuery. Because of this, not all jQuery functions are available on this plugin. However, don’t worry because you can still use jQuery on this template by following these steps:

1. Install jQuery using the command ‘yarn add jquery’. 2. Open the file “resources/js/bootstrap.js” and replace the following line.

3. Compile using the command “yarn run dev”.

Regarding the animation issue, please open this file ”/resources/views/layout/main-layout.blade.php” and add the following class.

Next, open ”/resources/js/side-menu.js” and add the following code.

Please don’t hesitate to reach out if you have any further questions or concerns

I don’t have the directory: /resources/js/side-menu.js i only have /dist/js/app.js (7.5MB) here!

I’m sorry to hear that you couldn’t find the directory /resources/js/side-menu.js. If you are using the HTML version, you can find the necessary file in the `/src` directory. However, if you still can’t locate the file, please let me know which version you are using and I’ll do my best to assist you further.

Hayo.

Been very enjoying this template for a while now. Excellent quality.

I have a problem when customizing it. I have pages longer then the default screen, and the background would just crop.

I tired changing the “background-repeat” in the _global.css file to “repeat-y” instead of “no-repeat”, Tried replacing the “before:bg-no-repeat” with “before:bg-repeat” in the SideMenu index.tsx file.

Both tries were to no avail. Is there something I’m missing?

That makes sense why it became an issue for the login page. I think we can provide a more straightforward solution for you. We suggest adding the “simplebar” plugin to keep the background covering the entire page while still allowing you to scroll through the content.

Please check the updated code here:

We hope this solution helps you achieve the desired result for your login page.

That’s a fantastic straightforward solution! works great. thanks for the super quick reply.

You’re very welcome! We’re glad to hear that the solution works for you and that our team was able to respond quickly. If you have any further questions or issues, please don’t hesitate to reach out to us. We’re always here to help you out!

Hello – Can I customize the interface to use a custom chat bot by inserting my own short code?

Hi there,

I’m sorry for the delay in getting back to you. Regarding your question, Unfortunately, I am not sure which interface or chat bot you are referring to. Could you please provide more information or context so I can better understand your question and provide an accurate response?

Thank you and looking forward to your reply.

Hello.

So far i’ve been enjoying the theme. I have a major issues tho that probably has something to do with vite.

One: using yarn results in dependencies error so I’ve had to move to NPM install instead…

Secondly: Even with a fresh project (just extracted from the zip) calling “npm run build” is unusable and results in the following errors:

> lucent-react@0.0.0 build > tsc && vite build

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:1:19 – error TS2307: Cannot find module ’../../base-components/Chart’ or its corresponding type declarations.

1 import Chart from ”../../base-components/Chart”; ~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:3:26 – error TS2307: Cannot find module ’../../utils/colors’ or its corresponding type declarations.

3 import { getColor } from ”../../utils/colors”; ~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:4:35 – error TS2307: Cannot find module ’../../stores/colorSchemeSlice’ or its corresponding type declarations.

4 import { selectColorScheme } from ”../../stores/colorSchemeSlice”; ~~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:5:32 – error TS2307: Cannot find module ’../../stores/darkModeSlice’ or its corresponding type declarations.

5 import { selectDarkMode } from ”../../stores/darkModeSlice”; ~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:6:32 – error TS2307: Cannot find module ’../../stores/hooks’ or its corresponding type declarations.

6 import { useAppSelector } from ”../../stores/hooks”; ~~~~~~~~~~~

Found 5 errors in the same file, starting at: src/components/VerticalBarChart/HorizontalBarChart/index.tsx:1

Any fix for the issues?

Hello,

We apologize for the late response. Regarding the issue you mentioned, our team accidentally made a mistake while copying the component file. To resolve this, please try deleting the following directory: ”/src/components/VerticalBarChart/HorizontalBarChart”. We have also updated the download files on Themeforest to fix this issue.

Thank you for bringing this to our attention, and please let us know if you have any further concerns or questions.

Best regards.

Thanks for the quick reply once again :)

You’re welcome! I’m always here to help. Do let me know if you have any other questions or concerns.

Is it possible to have it in .js (.jsx) and not in .ts?

Hello gosstlw,

Thank you for reaching out to us. Yes, it is possible to have the file in .js (.jsx) format. To send you the access, could you please share your email with us so we can send the file directly to you?

Yes of course ! gosstlw@gmail.com

Hello, Just bought the template and it looks amazing. Sadly, I’m working on a very tight schedule so I would highly appreciate a quick response.

The “Orders” Page has a great data list component, but it does not scale well and gets cut off when it comes to mobile view – not responsive.

Any way you could apply or email me a quick fix? Thanks ahead, Roi

Dear roin2,

Thank you for your purchase and taking the time to leave a comment. I apologize for any inconvenience caused regarding the responsive issue of the “Orders” page data list component.

Please allow me to clarify that the data list component is actually already responsive with an `overflow-auto` wrapper, which allows you to still scroll and see the entire table content even on a mobile screen.

However, if you prefer a row-based layout, you can try the following markup.


<tr class="intro-x mb-5 flex flex-col md:table-row">
                        <td class="!md:py-8 w-full !py-5 md:w-40">
                            <a class="whitespace-nowrap underline decoration-dotted" href="">#INV-63807556</a>
                        </td>
                        <td class="w-full md:w-auto">
                            <div class="whitespace-nowrap font-medium">Denzel Washington</div>
                                                            <div class="mt-1 text-xs text-slate-500">Ohio, Ohio</div>
                                                    </td>
                        <td class="w-full md:w-auto">
                                                            <span class="whitespace-nowrap rounded-full border border-success/20 bg-success/20 px-2 py-1 text-xs text-success">Completed</span>
                                                    </td>
                        <td class="w-full md:w-auto">
                                                            <div class="whitespace-nowrap">Direct bank transfer</div>
                                <div class="mt-1 text-xs text-slate-500">25 March, 12:55</div>
                                                    </td>
                        <td class="w-full md:w-auto md:text-right">
                            <div class="pr-16">$63,000,00</div>
                        </td>
                        <td class="table-report__action w-full md:w-56">
                            <div class="flex items-center justify-center py-5">
                                <a class="mr-3 flex items-center whitespace-nowrap" href="javascript:;">
                                    <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" icon-name="file-text" class="lucide lucide-file-text mr-1 h-4 w-4" data-lucide="file-text"><path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg> View Details
                                </a>
                            </div>
                        </td>
                    </tr>

You can see the result at the following link. (Please use incognito if you are using chrome or use another browser if you can’t open the link.)

https://i.imgur.com/ETki4nn.png
https://i.imgur.com/bzT9yDv.png

Please let me know if you have any further questions or concerns. I am here to help.

Best regards, Left4code Team

Amazing. Thanks for the quick response. Love the theme so far :)

You’re welcome! We’re glad to hear that you love the theme and we appreciate your kind words. If you have any further questions or issues, don’t hesitate to reach out to us. We’re always here to help. Thanks for choosing our theme!

i know its out of support but am almost close to what i need i am trying to make your theme into a nuxt 3 project and i always get a postcss error for @layer and @include in @left4code tw_starter no matter i do to fix it ERROR [postcss] \@left4code\tw-starter\dist\css\_form-inline.css:15:5: @apply is not supported within nested at-rules like @include. You can fix this by un-nesting @include.

it would be appreciated if u can help me Thank you

I’m planing to build a new laravel project with this template. Is there a document to guide me how implement to new laravel project?

Is this template can be use in VUE SPA? Is VUE part separate?

Hi rakibgeeky,

Thank you for your question! Yes, our template is fully compatible with Vue SPA projects. It includes a separate Vue project that you can use to build your single page application. Let us know if you have any further questions or if there’s anything else we can assist you with.

Is it possible to convert these files to Laravel Vue Inertia?

Does this theme support RTL? If not, is there an easy method to convert it to RTL?

Thanks

Hi,

Thank you for reaching out,

Unfortunately, currently Rocketman still does not support the RTL version.

Great Work!

Thanks.. :D

Hi. I’m using Laravel and Vite. CSS compiles fine from source files using npm run dev but the frontend isn’t styled at all. If I use the compiled app.css file, everything looks fine. Am I missing something obvious?

I can send on the file that I compile from the source files.

Hey. I’m tring to compile from the Laravel resource files. I took the compiled app.css from the HTML version though to get styles to work.

We don’t seem to encounter a similar issue in the Laravel version of Rocketman. Can you share the code in the following email?

leftforcode@gmail.com

We will try to check the configuration you are using.

I would highly be interested in a text script version of this. I would have no issues paying for the full version price as well.

Hi there,

Thank you for reaching out,

We are preparing a TypeScript version, and it will be released as a free update.

Hello i need help with the vue version

Hi,

Thank you for reaching out,

How can we help?

Hi. I am quite new to Laravel/Tailwind so apologies if this is a silly question but when I look at the styling of the version I have many of the classes use bootstrap css e.g. the form uses form-control which I don’t think is Tailwind?

Hi there,

Thank you for reaching out to us,

In some components you may find a class similar to bootstrap, but actually we do this to make it easier for bootstrap users to migrate to Tailwind. The Midone component is fully built with Tailwind by making use of the `@apply` directive.

https://tailwindcss.com/docs/reusing-styles#extracting-classes-with-apply

You can see the component code at `/node_modules/@left4code/tw-starter/dist/css`.

In the next major version we will replace this class and focus on using Tailwind raw utility classes.

Hope this helps.

Aah great makes sense – thanks!

Happy to help.. :)

Let me know if you have any further question.

Hello,

We are implementing HTML tabulator data table (https://rocketman-vue.left4code.com/tabulator) in various places of our site. But we can’t able to make second tabulator table. We checked the documentation also. There is no information about Tabulator. Can you please share what is the script and code for tabulator data table?

Hello?

Hi there,

Sorry for the late reply,

Unfortunately, using a compiler (Laravel Mix) is the only way to compile assets (JS/CSS) at the moment. This is because we are using TailwindCSS 3, which requires us to run the compiler to generate the CSS classes. It is also used to merge and minify the JS code.

Can you provide the code you are currently using to initialize the Tabulator?

It can be very helpful if you have a live demo so that we can check your problem right away. You can share links or other details via the following email.

leftforcode@gmail.com
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