I am on the Layout Builder, as per the final video tutorial and there is no "Export" Button

As instructed in the video entitled, "Your First Project" I am inside of the layout builder, and it does not look like it does in the video. I do not have a "Main" tab, starting instead at "Header" and there is furthermore no "Export" Button, thus I am unable to export anything. I am unsure where to go from here as there is no documentation explaining this process in more detail

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

Hi Nick,

May I know which application are you using? Is it React or HTML version?

Thanks

It is the React version

Hi,

Please note that the layout builder tutorial that we explained in the video is for the HTML version of Metronic. The video shows the classic web application example for the HTML version.

To use the React version please refer to the React documentation here.

We noted some of your comments and will take them into account in a future update of our documentation.

Appreciate it if you can amend the low review as reviews are moderated and can not be used as a tool to get support. In case you are not satisfied with the product you can request a refund. 100% money back is guaranteed.

If you need any further help please let us know and we will try to guide you here. I will inform our React exports to have a look at your case for sure.

Regards.

I understand that the video goes over the html version, but it does say the instructions should be viable for every option. Once I get the build up and running, how do I get to the point where I am able to then customize and work with the code? Right now, when I run what I am supposed to do according to the link you sent me it just opens up what is shown in the first 3:30 of this video: https://www.youtube.com/watch?v=ptgwzvvAHy4

How, if I have no export button, do I get to the next step?

Hi,

Please note that the video tutorial is not applicable to the React version at all since the HTML and React versions initialize the options differently. It can be used for the HTML version only.

Have you set up the React version and are able to run it? What option(from the react layout builder options) do you want to use in your application? To use those options you will need to initialize it in the React app's code.

The React version's layout builder is for demo only and in order to use those options as default for your React app you will need to change the layout options config in the app:

react/demo1/src/_metronic/layout/core/DefaultLayoutConfig.ts
The layout array represents the same layout options.

Regards.

I have the react code and have run `npm start` while inside of demo1. That is as far as I have been able to get

That's great. Then please refer to the above Layout Config Array as explained happy

I'm still not exactly following. How would I add my own code in from here? I understand this can change the layout, but how do I add my own functionalities and database connections from here?
I understand that moving code over from a preexisting site onto a build can be difficult, and I am fine with that, I just need to know if thats possible and if so how? All I can see right now is that I can change the default site's presentation, but not add any data or functionalities of my own

Hi,

Metronic provides you a starting point assuming that you have some intermediate-level knowledge in React and overall backend technologies. In order to make a fully functional app according to your project.

Connecting the App to the backend via API you can refer to this API documentation.

Also please check our support policy here where we described our support policy and scope.

Regards.

Support policy meaning its developed on your end? I suppose what I'm asking is, is it possible, using Metronic, to take a complete website missing design only, and use Metronic's layout / responsivity?

Hi,

Please note that the support policy page explains what we cover here when customers ask for support.

As I said, the current Metronic React solution is a starting point and it does not provide end-to-end application features(database, business logic, etc) which means customers are responsible for further development.

If you need any assistance regarding Medtronic's included features please let us know.

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