New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Using Keen v3 with Rails 8


I want to create a new Rails application with the Keen v3 template. I just bought the license and was now wondering how I would go about installing Ruby on Rails with the template. I wan't to use Rails 8. Is there already some kind of tutorial or documentation for it?


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


Hi Faizal,

I used Gulp to rebuild the plugins.bundle.js file (I had a typo in my previous post, it was the JS file not CSS file). I still get the error, but at least it seems it now is a non-minified version. So if I look at line numbers it's now on 12551, which seems to belong to //# sourceMappingURL=bootstrap.min.js.map

But even if I comment that line, I get another error:
TypeError: undefined is not an object (evaluating 't.lozad=e()') on line 12942.

And if I comment out that one, I get another one, etc.

Did I maybe forget to import something else?



Hi Jochem,

You're using the minified version of the CSS file, which makes it tough to trace the actual problem. Could you try switching to the non-minified version so we can read the error? Also, try rebuilding the assets using Keen's built-in Gulp tools, that might fix the issue if something didn’t compile properly.

Thanks



Hi Sean,

I've gotten quite far with implementing Keen in Rails 8.
But I now have this error in the browser console:
TypeError: undefined is not an object (evaluating 'e.moment=t()')
From the plugins.bundle.css file (line 11). And I can't seem to figure out what the problem is.

Could you maybe help me out with this one?



Hi Sean,

Thanks for your reply!
The Rails starter kit sounds interesting. But that would mean I have to purchase Metronic, while I have already paid for Keen, right? If that's the case then I will probably try your first suggestion.



Hi,

Yes, you can purchase Metronic and try it. You can use it with Keen's html code since both themes use the same core framework based on Bootstrap.

Regards,
Sean



Hi,

You can use Keen as a static HTML template and integrate it with your Rails backend code.

You can also consider purchasing Metronic - https://keenthemes.com/metronic/bootstrap
It has Rails starter kit. You can check the Rails starterkit https://preview.keenthemes.com/rails/metronic/docs/index and apply it for Keen. Keen and Metronic uses the same core framework in the html level so you can mix and match Metronic and Keen:


Regards,
Sean


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