Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Help needed


Hello Guys,

I have purchased the latest version of "Metronic" as I am willing to build a web application with Vue.js (or HTML) and Lavarel.
I used to be a developer a long time ago, and I am not familiar with new stacks like Node, npm, etc. So I am finding it difficult to install and explore the theme.
Is there a simple (old) way of previewing the theme?

Another question,
I am looking to customize the theme on top of Lavarel. Is there any dev free to help with this?

I really appreciate your replies.

Best


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (23)


To preview your Metronic theme:

Download and extract the theme files.

Open the .html files located in the "html" folder using your web browser.

For Laravel customization:

Set up a new Laravel project.

Copy the Metronic assets (CSS, JS) to the public directory of your Laravel project.

Use Blade templates to integrate the Metronic HTML into your Laravel application.

If you need additional customization, consider hiring a developer experienced in Laravel and Vue.js.

And if you need help with gold whatsapp apk, visit their website



To preview your Metronic theme:

Download and extract the theme files.

Open the .html files found in the "html" folder using your web browser.

For Laravel customization:

Set up a new Laravel project.

Copy the Metronic assets (CSS, JS) into the public directory of your Laravel project.

Use Blade templates to incorporate the Metronic HTML into your Laravel application.

If you require further customization, consider hiring a developer with experience in Laravel and Vue.js.

By the way, if you need help with checking lesco online bill, visit their website for more details.



To preview your Metronic theme:

Download and extract the theme files.

Open the .html files located in the "html" folder with your web browser.

For Laravel customization:

Set up a new Laravel project.

Copy the Metronic assets (CSS, JS) into the public directory of your Laravel project.

Use Blade templates to integrate Metronic HTML into your Laravel application.

If you need further customization assistance, it may be helpful to hire a developer experienced with Laravel and Vue.js.

Meanwhile, if you need help with Sportzfy TV APK go here



What started as a small Swiss engineering project has evolved into a global brand that challenges traditional athletic footwear conventions. on cloud running shoes have garnered numerous awards and endorsements from professional athletes, leading many to question whether these accolades are truly deserved. This surge in popularity demands a closer examination of what makes these shoes special.



One of the most frequently cited benefits of on cloud trainers is their exceptional comfort during extended wear. The engineered mesh upper provides excellent breathability while maintaining structural support, creating a second-skin feel that many users appreciate. The anatomical design accommodates natural foot movement while preventing common pressure points.



Durable and Stylish Galvanized Garden Beds for Your Outdoor Spaces - Aosom Canada

Transform your outdoor space into a thriving garden with Aosom's high-quality galvanized planter boxes. Designed to provide both practicality and style, these raised garden beds are the perfect addition to any yard or patio. Whether you're an experienced gardener or a beginner, our galvanized garden beds offer a durable solution for planting a variety of vegetables, flowers, and herbs.

https://www.aosom.ca/outdoor-living/galvanized-planter-boxes-c544.html

Easy to Assemble and Maintain
Our galvanized garden beds are easy to set up and require minimal maintenance, making gardening a breeze. The sturdy steel construction ensures they remain strong and intact even after years of use.

Perfect for All Garden Types
Whether you're growing flowers, herbs, or vegetables, these versatile garden beds create an ideal planting environment. They also work well for creating a raised garden or adding decorative elements to your landscape.



WhatsApp Plus APK offers a customized chatting experience with unique themes and advanced privacy settings. Enjoy features like anti-delete messages, hide online status, and enhanced media sharing. It provides more control over your chats while keeping the original WhatsApp feel. Stay updated with the latest version for better performance. Download now and upgrade your messaging experience!

Make your Desert Safari Dubai booking today! Enjoy thrilling dune bashing, camel rides, and spectacular sunset views in the stunning desert landscape. Secure your spot now for an unforgettable adventure!



To preview your Metronic theme easily:

Download and extract the theme.
Open the .html files in the html folder with your web browser.

For customizing with Laravel:

Set up a Laravel project.
Copy Metronic assets (CSS, JS) to the public directory of your Laravel project.
Use Blade templates to integrate Metronic HTML.

If you need further help with customization, consider hiring a developer experienced with Laravel and Vue.js.

Additionally, if you need help with checking your fesco online bill, you can visit their website for more information.



It looks like you're facing some challenges, but I’m sure you’ll find the right solution soon! Sometimes breaking down the issue step by step can really help. If you ever need assistance with academic tasks or writing, I recommend checking out coursework help . They offer expert dissertation writing services that can help you manage your academic workload.



To preview your Metronic theme easily:

Download and extract the theme.
Open the .html files in the html folder with your web browser.

For customizing with Laravel:

Set up a Laravel project.
Copy Metronic assets (CSS, JS) to the public directory of your Laravel project.
Use Blade templates to integrate Metronic HTML.

If you need further help with customization, consider hiring a developer experienced with Laravel and Vue.js.

Additionally, if you need help with gb whatsapp apk, you can visit their website for more information.



Hello,

To preview your Metronic theme easily:

Download and extract the theme.
Open the .html files in the html folder with your web browser.

For customizing with Laravel:

Set up a Laravel project.
Copy Metronic assets (CSS, JS) to the public directory of your Laravel project.
Use Blade templates to integrate Metronic HTML.

If you need further help with customization, consider hiring a developer experienced with Laravel and Vue.js.

Meanwhile, if you need help with checking your sepco online bill, you can visit their website for more information.



If you're seeking help with your philhealth e registration, you're not alone—many people find the process a bit overwhelming. Fortunately, there are various resources available that can guide you through each step, making it easier to navigate the system. By exploring online forums or contacting customer support, you might uncover useful tips and solutions that could simplify your registration. Remember, with a little patience and the right guidance, successfully completing your registration is definitely within reach!



GEPCO's online billing system offers a convenient way for users to check, download, and pay their electricity bills from the comfort of their homes. With just a few clicks, you can access your GEPCO bill by visiting our website. Whether you need a duplicate bill or want to track your payment history, the process is quick and straightforward. No more waiting in long lines or dealing with paperwork—everything is digital! Simply visit our GEPCO Online Bill portal to manage your electricity bills with ease and convenience. Stay on top of your payments and avoid late fees!<GEPCO Online Bill><https://gepcoonlinebil.pk/>



Hi there! It sounds like you're on an exciting journey with Metronic and Laravel. For previewing the theme, you might want to check out any demo links provided with your purchase. They often give you a good sense of how it looks in action.

If you need help customizing the theme on top of Laravel, there are plenty of developers available for freelance work. You can find them on platforms like Upwork or Fiverr.

Also, if you're looking for a resource related to billing and electricity services, check out FESCO Online Bill at https://fescoonlinebil.pk . It might offer insights that could assist you in your development process!

Good luck with your project!



Good pieces of advice, thanks, guys!



Hello,

To preview your Metronic theme easily:

Download and extract the theme.
Open the .html files in the html folder with your web browser.

For customizing with Laravel:

Set up a Laravel project.
Copy Metronic assets (CSS, JS) to the public directory of your Laravel project.
Use Blade templates to integrate Metronic HTML.

If you need further help with customization, consider hiring a developer experienced with Laravel and Vue.js.

Additionally, if you need help with checking your fesco online bill, you can visit their website for more information.



I'm reaching out for some assistance on a crucial matter. As we work on enhancing our business operations, one key area we're focusing on is finding reliable suppliers for various medical products. In this regard, I'm particularly interested in a reputable Botox supplier https://ogomed.com/ to ensure we maintain high standards in our cosmetic treatments. Any recommendations or insights from those who have navigated this process would be greatly appreciated. Thank you in advance for your help!



Hi Alain,

At the moment, we do not have a CRUD example for Laravel yet. We will consider adding it in future.

Thanks



Thank Faizal for the reply.

Any documentation on how to build CRUD app with Laravel using Metronic theme?

Thanks



Hi Alain and Faizal, I have a similar problem. I'm a fullstack dev, but old skool. Never used node and would probably adopt React if I ever switched to a front-end framework.

The problem is that I have application in CodeIgniter that I wanted to re-skin using Metronic. Is this possible with adding node? I was just hoping to drop the scss files into the existing scss folder, change a few link src, and done - without node.

Is this possible (without massive effort)?

Cheers



1. The first thing to do is to learn the file structure of the theme. You can check the documentation for file structure
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/file-structure.html

You can go to the index.html template and check the CSS and js included in the template head and foot. Once you fully understand what are CSS and js files to include in each page of your application the rest will be pretty straightforward. So please go to index.html and check the code.

By importing CSS and JS files from the assets folder, you do
not need to recompile the assets using node


2. You can use the layout builder to prepare your HTML template. For example, if you are using the demo1 you can go to the online preview of the demo:

https://preview.keenthemes.com/metronic8/demo1/
and click the "Layout Builder" link below the "Dashboards" submenu on the left side menu. Then you will land on the layout builder page:
https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

The layout builder helps you to configure the layout with available options and preview it in real-time. Once you decide what configuration you like to use you can download the HTML code of your preferred configuration. To do so go to the bottom of the page and find the "Export" button and you will get a package containing the HTML template and with the partials(header, aside, footer, etc) that can be used for your server-side integration. The export package provides you with only the HTML code with structured includable partials that are perfect for server-side integration. The assets can be included in your local download version.

3. Once you integrated the master layout and all the menus and navigation you can proceed with your inner pages by referring to the original theme demos.

4. As the main reference to the available features, you can refer to the demo pages source code for each feature.



Hi Alain,

We understand your concern. We have quite large styles for all pages. Node, npm, etc. can help when managing large styles by converting SCSS to CSS files. SCSS has features that don't exist in CSS yet like nesting, and mixins. This is a great way to modularize CSS and help keep things easier to maintain.

You can follow this guide step by step to build the assets and start the Laravel application.
https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

Let us know if you have any issues.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(