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 (5)

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

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.

Thank Faizal for the reply.

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

Thanks

Hi Alain,

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

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  :(