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.

Hello, I am trying to use CKeditor ClassicEditor with underline but underline is not showing? in Reactjs

const editorConfig = { toolbar: { items: [“bold”, “italic”, “underline”], }, };

Hi there,

Thank you for reaching out to us,

The underline plugin is not available by default in `ClassicEditor` so you need to use another CKeditor build. Please install the following plugin for example.


yarn add @sarawootp/ckeditor5-build-classic-underline

Next, open this file ”/src/base-components/ckeditor/ClassicEditor.jsx” and replace the import build.


// import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import ClassicEditor from "@sarawootp/ckeditor5-build-classic-underline/build/ckeditor";

Now you can use the underline plugin.

Hi, I run into a problem with a TomSelect component. How can I delete selected value programatically? If i set v-model to ’’ or null, UI doesnt change, it’s left with the previous selected value.

Hi,

Sorry for the late reply,

You need to add an empty option for that, and you can set the value to empty string like below.


<TomSelect
                  v-model="select" 
                  :options="{
                    placeholder: 'Select your favorite actors',
                  }" 
                  class="w-full" 
                >
                  <option value="">Select Option</option>
                  <option value="1">Leonardo DiCaprio</option>
                  <option value="2">Johnny Deep</option>
                  <option value="3">Robert Downey, Jr</option>
                  <option value="4">Samuel L. Jackson</option>
                  <option value="5">Morgan Freeman</option>
                </TomSelect>


const select = ref("1");

// Set to empty string
setTimeout(() => {
  select.value = "" 
}, 3000);

I am unable to coustomise the template with jetstream and livewire. How can I do it and whiule doing npm build I am getting this error

vite:css D:\xampp\htdocs\Udemy\osms\node_modules\@left4code\tw-starter\dist\css\_accordion.css:6:9: The `dark:border-darkmode-400` class does not exist. If `dark:border-darkmode-400` is a custom class, make sure it is defined within a `@layer` directive. file: D:\xampp\htdocs\Udemy\osms\resources\css\app.css:6:9 error during build: CssSyntaxError: [postcss] D:\xampp\htdocs\Udemy\osms\node_modules\@left4code\tw-starter\dist\css\_accordion.css:6:9: The `dark:border-darkmode-400` class does not exist. If `dark:border-darkmode-400` is a custom class, make sure it is defined within a `@layer` directive. at Input.error (D:\xampp\htdocs\Udemy\osms\node_modules\postcss\lib\input.js:148:16) at AtRule.error (D:\xampp\htdocs\Udemy\osms\node_modules\postcss\lib\node.js:60:32) at processApply (D:\xampp\htdocs\Udemy\osms\node_modules\tailwindcss\lib\lib\expandApplyAtRules.js:324:29) at D:\xampp\htdocs\Udemy\osms\node_modules\tailwindcss\lib\lib\expandApplyAtRules.js:476:9 at D:\xampp\htdocs\Udemy\osms\node_modules\tailwindcss\lib\processTailwindFeatures.js:55:50 at plugins (D:\xampp\htdocs\Udemy\osms\node_modules\tailwindcss\lib\index.js:33:63) at LazyResult.runOnRoot (D:\xampp\htdocs\Udemy\osms\node_modules\postcss\lib\lazy-result.js:339:16) at LazyResult.runAsync (D:\xampp\htdocs\Udemy\osms\node_modules\postcss\lib\lazy-result.js:393:26) at async compileCSS (file:///D:/xampp/htdocs/Udemy/osms/node_modules/vite/dist/node/chunks/dep-665b0112.js:44459:25) at async Object.transform (file:///D:/xampp/htdocs/Udemy/osms/node_modules/vite/dist/node/chunks/dep-665b0112.js:43963:55)

Hi there,

Thank you for reaching out to us,

It seems like you haven’t configured the Tailwind config file, please check this file and ensure you have already attached all the color configurations and other configs.

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

I have check in live view. sidebar toggle not working. please check it

Unfortunately, we only have the waveform version.

Email sent, please check your email, thanks.

ok thanks

Hi, can you send me an example configuration for Laravel + Vue version? My email is zoli.greksa@gmail.com

Hi,

We just sent the file, kindly check your email.

Thank you.

Glad to help.. :)

Hi,

I recently purchased your Rocketman-Lucent template and it looks really great. I was wondering if you maybe have the design resources we can use (Figma or whatever platform you use).

Thank you, Lior

Hi there,

Sorry for the late reply,

Unfortunately, we don’t have a design file for this template.

scroll error?

On this page, https://lucent-react.left4code.com/profile

scroll down a little. maybe 20px? then go to the pricing page. scroll will not reset.

All other page with long content have same problem.

Hi,

Please assist help to set focus on Tom-Select component programmatically.

Please use incognito if you are using chrome or use another browser if you can’t open the above link.

Not able to access image link provided event in incognito mode

Hi, does it have support for vite on laravel 9?

Hi,

Sorry for the late reply,

We just released an update with the latest Laravel version and Vite, thanks.

Hello author,

I was going through the Lucent theme and it looks great but when i am going through it, it seems that all the animations are lagging. Normal preview is working very smoothly but lucent theme seems to be look like lagging. When you hover thorugh the side menu as well as when we open pages, pages comes on screen with lagging animation. i have tried it in incognito also, but no luck.

is it the way how it supposed to be like or am i the only one who is getting lag in lucent theme?

Hi there,

Sorry for the late reply,

After doing some research we found that the blur filter effect does not work optimally in some browsers so it affects the fps. However, you can disable the CSS blur effect on the Lucent side menu as follows.

https://i.imgur.com/Ox430Kp.jpg

Hope this helps.

Hi,

The theme is great and really enjoy using it.

I have noticed one glitch in particular related to tabs. If you open a page with a tab the content within it is laid out nicely and if you resize the width of the browser the content flexes to the width of the frame as it shrinks and grows, this is correct and perfect.

Once you click on a tab to change to any other tab, all the tabs lose their responsive flex properties and the content remains fixed. this means it no longer fills the div if the page is made wider and overflows if the page is made narrower.

You can see this behavior on your “live preview” at https://rocketman-vue.left4code.com/tab

Any fix for this please ?

Thanks.

Hi there,

Sorry for the late reply,

We have checked the issue and released a new update, please run `yarn add @left4code/tw-starter` to update the dependency.

Thanks

fantastic, many thanks.

Glad to be of help.. :)

Hi author does this theme purchase package get some themes for React 18+, Vuejs 3, and Laravel 9 ? or just one of them

Hi,

Thank you for reaching out to us,

You will get all these versions, let me know if you have any other questions.

Hi can you tell about the React router version you are using

Hi,

Thank you for reaching out,

Please check this link.
https://i.imgur.com/AM8mXxj.png

Please use incognito if you are using chrome or use another browser if you can’t open the above link.

HELLO, I NEED TO KNOW IF THE PROJECT IS DONE IN REACT WITH TYPESCRIPT

Hi there,

Thank you for reaching out to us,

We used javascript on this item.

Hi!

What is the different between Midone Vue and Rocketman Vue version? Apart from the design. What is better and why, or they are the same with different design?

HI,

Sorry for the late reply,

The main difference between Rocketman and Midone lies in the variety of designs, page variations, and bundle frameworks used. We want to solve the problem of “side menu” in Midone having no scroll due to design limitations.

Please can you provide example configuration for Vue + Laravel as per a previous post ? Many thanks.

Just resend the file, thank you.

Thank you.

You’re welcome.. :)

The Faker module is giving this problem. Message , we are using vue

Critical dependency: Accessing import.meta directly is unsupported (only property access is supported)

is there a solution or a way to remove the faker?

Hi,

Thank you for reaching out,

Please check this file `/src/utils/index.js`, and remove these lines.
https://i.imgur.com/Zzla9GH.png
https://i.imgur.com/bssYsth.png

Good afternoon, I’m interested in buying the template but I wanted to ask if React 18’s programming is based on hooks or classes as before. I ask because I’m taking a React course and they only teach Hooks and I don’t want to buy the template only to find myself with a script that I can’t modify. And another question, is your template easy to manage with react, because I bought the vuexy template and so far I haven’t been able to modify or implement it, nor are they quick to support it.

Hi there,

Thank you for reaching out to us,

In short, yes, we used hooks.

We cannot claim or compare our template with other templates as being the easiest to customize as each developer’s level and experience may vary. But we do our best to use a structure that is easy to use and understand for advanced or beginner developers.

Hope this helps.

Hello dear,

Can you share with me all components npm package for vue2

Hi,

Thank you for reaching out,

Unfortunately, we only support vue 3.

Its okay, share links, please

Do you have any Figma or other design files that you can share for this project? That would be a great help if you do.

Hi,

Thank you for reaching out,

Unfortunately, we didn’t use Figma, the template was first designed with XD, just the layout and dashboard page but we have made many changes since the initial design.

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