How to for Rails development

Hi everyone,

I have purchased the Metronic theme in order to build admin panels with Rails. I have the following issues and I would like to ask the community for advice on the best practices here.

As far as I see it is not really a components library but a precompiled bundle of assets in a subfolder.

If I would like to:

1. Create a layout with just a navbar
2. Put a couple of tables and graphs with data (I take care of preparing the data in an instance variable)
3. Add a button for a form that creates for example a new user given some params.

What would be the best way to do it? The default demo is just sample data but I cannot see how you easily start your app and add dinamically new components.

Any support here is more than welcome. 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  :(

Replies (3)

Hi,

The Rails Starter Kit provides layout and assets integration so you can create your pages according to your project requirements by copy-pasting the required HTML code from the HTML version templates. All the Pages and Components can be reused in the Rails ap.

However, to use Metronic in your app you will need to be familiar with HTML, Bootstrap, and Metronic components. For more info please check our Quick Setup docs page.

Regards.

Hi Sean,

Thanks for the quick reply. I would have to disagree on the part where is sold as a Rails starter kit. Ruby on Rails deals with assets in a specific way, and supporting the framework should imply that the Assets Pipeline is adapted accordingly. How CSS and JS files are bundled and loaded, sprockets, stimulus, hotwire...

What is offered in the Quick setup documentation is the same of the HTML bundle,. It requires the same gulp/Webpack build process to create static outputs and it is not integrated with Rails pipelines at all.

Reviewing the source I don't think that it would be a huge effort to back Rails for real, and I will love to revisit the theme if you ever integrate it happy

Thanks again for the support.

Hi happy,

Thanks for your feedback and suggestions. We 100% agree with you.

Our Rails Starter Kit is a wrapper solution to allow using an HTML template as it is.
However, it's not a perfect solution for Rails at the moment. Implementing a fully native Rails components backend theme solution requires a lot of time and resources that we can't afford at the moment. But in the near future, we will rethink the rails starter kit.

However, we have approved your refund and appreciate your interest in Metronic.

Regards

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