Halo rendinusa,

Terimakasih telah membeli produk kami.

Berikut adalah dokumentasi penggunaan multi bahasa https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/js/i18n.md and berikut adalah contoh penggunaan lebih detail pada produk kami yang lain dengan arsitektur yang sama https://ilhammeidi.github.io/enlite-docs/code_flow/ui_lang.html#lang

Untuk informasi: Template ini dibangun dari react boilerplate dimana telah mimilik konfigurasi i18n secara default. Namun kami tidak menerapkannya.

Semoga bisa membantu. Jangan ragu jika anda memiliki pertanyaan lebih lanjut.

Salam.

Hi achorval,

For the server configurations are in server/ and internals/ folders. Select both of them and delete.

Regards

Do you mean I should delete the whole of internals folders and server folder? If No, please can you specify the exact folders to delete from internals folder?

Hi achorval,

Yes you can remove them. Those folders containing server backend config, reactboilerplate cli command and test config, which mean not used for front-end side. But we wonder why you want to remove them? Because the commonly setting is server api and front end are separated.

Hi achorval,

This issue is probably about url path. Please make sure to put the component to the correct routes. If the component inside the Dashboard routes, please use the url like this: app/yourpages or Blog blog/yourpages.

But for the other router, you can access directly like /youtpages

Hope this can help.

Kind regards.

Where can I locate the route?

Hi achorval,

Thanks for purchasing.

For the routing is located at /app/containers/App/index.js For dashboard is located at /app/containers/App/Application.js and so on.

And for the server configurations are in server/ and internals/

Feel free if you have any further queries.

Regards.

Hi kindumina,

As product description this template is a React.js template. It’s built on Node.js and Material-UI library. It will not work the Wordpress/PHP nor will it work as a static HTML template and even angular.js

If your want to combine it with asp.net, please check this library https://reactjs.net/getting-started/aspnetcore.html . Or you can use this template as frontend side only while asp.net is separated backend services.

Feel free if you have any further queries.

Kind regards.

Hi tradyofficial,

Thanks for reaching us and reported issue.

In this case we got two issues in development mode.

1. Slider page and can’t select any other section after make changes. It because the ID always count up and will be reseted only when refresh page. To solve this you can create static ID instead in /app/components/LandingPage/SideNav.js

// Create data function
function createData(id, name, url) {
  return {
    id,
    name,
    url,
  };
}

// Local state
menuList: [
      createData(0, 'Home', '#banner'),
      createData(1, 'Feature', '#feature'),
      createData(2, 'Showcase', '#showcase'),
      createData(3, 'Testimonials', '#testimonials'),
      createData(4, 'Technology', '#tech'),
      createData(5, 'Pricing', '#pricing'),
      createData(6, 'Contact', '#contact'),
    ]

2. The second issue is that updated page doesn’t go directly to the last section. This page use 3rd party plugins slickjs and react-slick, and this the default behaviour once any components updated. We still figuring out the best way. For quick solution you can add initialSlide in slider config. In example if your working in slide 3 (index 2), in /app/containers/LandingPage/SliderPage.js please add initialSlide

const settings = {
     initialSlide: 2,
    ...otherSettings
};

When youre work done just remove it, especially when you will deploy to production. We will update this template once get better solution.

Regards.

Thank you for your response – when can we expect a fix for this?

Hello again, our estimation is around next week.

Thank again for your prompt response – is there anything my internal developers can do themselves to resolve this themselves in the meantime? It’s just were on a short time frame.

Thanks

Hi lorbitek,

Thanks for purchasing.

This template built with reactboilerplate, which is support for multilanguage. But we didn’t implement this feature in Dandelion Pro

To work with i18n please check this following guide https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/js/i18n.md And also we have project with multilanguage implementation and has similiar structure like dandelion-pro. Source: https://github.com/ilhammeidi/enlite-starter Docs: https://ilhammeidi.github.io/enlite-docs/code_flow/ui_lang.html#lang

Feel free if you have any further queries.

Kind regards.

Hi sultanq,

Thanks for visiting our portfolio.

This template is not including customization and also we’re not available to integrate with graphql.

Regards.

Hi yousfimaliik,

Thanks for purchasing and the appreciation.

To deploy it you need to build this template first by run npm run build in local. It will generate the result in build/ folder.After that please upload the build/ and the rest folder to your hosting directory. If don’t have ssh to access the console it mean you need to upload the node_modules/ folder as well.

Then here’s the guide to install and run nodejs app with cpanel https://www.a2hosting.co.id/kb/cpanel/cpanel-software/create-application-with-nodejs-selector The command to run production mode is in package.json "start": "cross-env NODE_ENV=development node server" and the startup file is in server/index.js

We recommend to use ssh console, to make deployment and installation smoothly.

Feel free if you have any further queries.

Regards.

Hi, Thank for answering me , i found a temporary solution.

But the think that i really can’t understand can’t access route by typing the url in brower even in localhost, always reponse 404 file not found. I always need to go the ”/” route. Any solutions?

i’m using the Hashrouter , is this a good solution ?

Best regards, Malik

Hello yousfimaliik,

This template use react-router-dom to handle routing. You can find the route list here /app/containers/App/index.js The ”/” url defaultly should be go to homepage. Please make sure the url and the component correct and match.

And will better to use BrowserRouter than Hashrouter, because client-side React application is able to maintain clean routes like example.com/react/route.

Feel free if you have any further queries.

Regards,

Hi Jenny,

Thanks for reaching us.

Here’s our answers bellow:

1. For the major updates since Aug – Nov - Update dependencies version: Material UI v4.7, react-dropzone v10.2.1 - Fixed Upload Preview: app/components/Forms/MaterialDropZone.js - Fixed Add new data if data table is empty: app/redux/modules/crudTableForm.js - Fixed Redux form typing experience: app/components/Forms/ReduxFormMUI.js - Add RTL direction - Feature Add new variant sidebar, Big Sidebar

2. To prevent uploading of duplicate files, please try: in /app/components/Forms/MaterialDropZone.js

onDrop(filesVal) {
  const { files } = this.state;
    if (files.length) {
        let _len = 0;
        for (let _i = 0, _len = files.length; _i < _len - 1; _i++) // -1 to exclude current file
        {
            if(files[_i].name === filesVal.name &&files[_i].size === filesVal.size && files[_i].lastModifiedDate.toString() === file.lastModifiedDate.toString())
            {
                this.setState({
      openSnackBar: true,
      errorMessage: 'Duplicate files found',
    });
            }
        }
    }
});

Here’s a more discussion about this issue https://github.com/enyo/dropzone/issues/639

3. Thanks for find out this issue. This come from css reseter sanitize.css.css. To solve input text in safari please add css word-break: normal; in /app/styles/layout/_forms.scss

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"] {
  word-break: normal;
}

4. This solution is same as point no.3

5. The edit menu is a static button. This template doesn’t have edit profile page. So for editing user profile can reuse the Form from /app/forms/reduxform or /app/pages/contact > edit contact

6. The image compressing need backend part. Here’s the library for img compression by use node.js https://www.npmjs.com/package/compress-images and here’s the basic example https://github.com/semiromid/compress-images/tree/master/example

Hope this can help.

Kind regards.

Hi Tikalcenter,

Thanks for purchasing.

Here’s our questions bellow:

1. You can use starter-project. You can go through to starter-project/ folder. This source code made for you who want build app from scratch without without being distracted from innate feature. In other word it’s an initial(empty) project with built in configuration setup.

2. To create new page already described in documentation. Here’s the online version: https://ilhammeidi.github.io/dandelion-docs/#create_page

3. For redux saga should be no need change components, just work in the reducers and containers. Here’s the sample CRUD concept by use redux-saga https://github.com/r-park/todo-redux-saga/tree/master/src

4. After you download the template, you can make duplicate i.e as “my-app” and “origin-dandelion”. Then setup the git in the “origin-dandelion”. When new update coming just download then replace all files to “origin-dandelion”. After hat, use git diff to see the difference, and you can adjust the changes with your “my-app”

5. We are not sure for redux-saga full implementation, because our focus is jquery and vue.js right now. If you interest with Enlite Prime here’s the online docs and starter-project https://ilhammeidi.github.io/enlite-docs/ and https://github.com/ilhammeidi/enlite-starter

Feel free if you have any further queries.

Kind regards.

Hi vattina,

Thanks for visiting our portfolio.

We’re not sure because we’re not familiar with adonisjs, so we haven’t try it. You can try with dandelion-starter version https://github.com/ilhammeidi/dandelion-starter

Regards.

Hi dmitryfedorov123,

Thanks for visiting our portfolio.

This template components are only work for web and will not work for native mobile apps.

Regards.

Hi TonCoder,

Thanks for the advice. We will add the changes note on next update.

And here’s the updated files:

Version 1.6.0 – 30 Nov, 2019 - Chore: Update Material UI and more packages:

- package.json

- Fixed: Upload Preview

- app/components/Forms/MaterialDropZone.js 

- Fixed: Add new data if data table is empty

- app/redux/modules/crudTableForm.js 

- Fixed: Open header menu issue

- app/components/Header/DropListMenu.js 
- app/components/Header/MegaMenu.js 

- Fixed: Redux form typing experience

- app/components/Forms/ReduxFormMUI.js

- Fixed: Datepicker localizations

- app/containers/Forms/demos/DateInput.js

You can use diffchecker tools to see the changes.

Feel free if you have any further queries.

Regards.

Hi Jaysu1593,

Thanks for purchasing.

You can continue to run the template by npm start The template should working properly.

So don’t worry about that warning. It will happen when first installation. That’s mean the reactboilerplateDLL skip the moment library.

Feel free if you have any further queries.

Regards.

Hi revelnet,

Here’s the detail updates:

Version 1.6.0 – 30 Nov, 2019 - Chore: Update Material UI and more packages:

- package.json

- Fixed: Upload Preview

- app/components/Forms/MaterialDropZone.js 

- Fixed: Add new data if data table is empty

- app/redux/modules/crudTableForm.js 

- Fixed: Open header menu issue

- app/components/Header/DropListMenu.js 
- app/components/Header/MegaMenu.js 

- Fixed: Redux form typing experience

- app/components/Forms/ReduxFormMUI.js

- Fixed: Datepicker localizations

- app/containers/Forms/demos/DateInput.js

Happy coding and regards.

Hi jjorgewill,

To hide the notification you can set the state to false

 handleClose = () => {
    this.setState({ open: false });
  };

Here’s the complete examples: http://dandelion.ux-maestro.com/app/ui/snackbar

Feel free if you have any further queries.

Kind regards.

As i saw moredeeply the template, this template dont have API implementation, could you recommend me some library?

Hi huascarmm,

Thanks for purchasing.

For redux structure you can check in documentation Code Structure https://ilhammeidi.github.io/dandelion-docs/#code_basic > section Template Architecture > On diagram go to slide 4 ( Redux Structure ).

Then for API implementation, yup this template not implement API , but already has redux-saga configuration and also this template was built from react-boilerplate. Here’s the sample API usage https://github.com/react-boilerplate/react-boilerplate/blob/master/app/containers/HomePage/saga.js

Beside that we have another project similiar Dandelion Pro, which is uses firebase and redux-saga implementation. If you like to know more please take a look the Enlite Starter https://github.com/ilhammeidi/enlite-starter/blob/master/README.md

Feel free if you have any further queries.

Regards.