Discussion on Emilus - React Admin Template

Discussion on Emilus - React Admin Template

Cart 1,847 sales
Well Documented

Theme_Nate supports this item

Supported

This author's response time can be up to 2 business days.

115 comments found.

Hi thanks for good work.

I need to change mavigation with a dynamic (Role based) navigation. Please guide where (files) I should change as I didn’t find in documentation.

Hi, you may refer to this routing document for navigation, https://emilus.themenate.net/app/docs/documentation/routing You can implement your conditional route in src/views/app-views/index.js.

Thank you for your response. I will follow as suggested.

Sure thing, please feel free to contact us, if you have any other issue, we will try our best to assist.

could you please share travel releted ICONs

Hi, all of our existing icons are provided by antd, but you can use our CustomIcon component to inlay your own svg icon, here is the usage example, https://emilus.themenate.net/app/docs/documentation/custom-icon-demo

Do you have HTMl version this template.

Hi, only React version available currently.

I am looking to possibly migrate this project to use Next JS and then dynamically import React-Admin. Is this supported by the current stack or should I be breaking something before this?

Hi, it is able to stack on the library that you mentioned above, but you might need to include the dependencies & import components manually depend on your NextJs structure.

Hi,

Pre sales Question : Does the package contains any starter kit template or bare minimum template to start with?

Yes, it comes with several kind of starter package, you may refer our online documentation for further information. https://emilus.themenate.net/app/docs/documentation/product-content

Pre-sale qsn: Hie demo tables are not responsive. do you provide demo API? i want to use tailwind does it work with this theme.

Hi, thanks for the feedback, this responsive issue will be fix on next update, You can setup tailwind in this theme, however this theme already comes with rich utility css by using bootstap practice which enough for normal development, unless you are looking for some precise utility css, you may install tailwind manually.

what is the latest antd version that this template supports ?

Hi, we are using v4.10.0

hi how to get current language on services

Hi, you can access the redux as code below:
import store from 'redux/store';
yourService.yourMethod = function () {
  const {theme} = store.getState()
  const currentLanguage = theme.locale
  console.log(currentLanguage );
  return fetch({ ...yourDataObject })
}

big thanks fast support

You’re welcome!

The inputs and checkboxes are barely seen. I’m using this template as my client was the one who chose it.

Other issues I faced were: 1. The CSS overrides for inputs and checkbox didn’t work for border 2. It doesn’t support the latest `antd` package. Only support 4.10.1, I couldn’t migrate to 4.13.X. 3. CSS for some features that are not common like calendar and scrum board is prompt the user to add it instead of importing all of them

Besides that, I like the examples provided and CSS changes to original `antd`.

Hi, we will increase the contrast for the border in the next update, currently, the latest version antd will cause some unknown UI issue, we will look further for the official fix. We suggest you change the variable in src\assets\less\styles\variables\_common.less instead overriding .Run npm run dev to compile less into CSS, you might see the reflection after compiled.

Looks good.

Few suggestions: 1. Add rich text editor (DraftJS Editor). 2. Add wizard form with progress bar and validation (React Wizard Form). 3. Add rich file uploader (DropzoneJS). 4. Add table allowing search and export data in CSV (react-bootstrap-table2).

Thanks for your suggestion, we will consider & measure the implementation on the features.

Hi. I ran into problems while I had tried mini-project based on your template.

at /src/views/auth-views/authentication/login-1.js I can find some of className having Bootstrap attributes.

ex)

should I install bootstrap? if not, where these styling attributes come from?

Hi, we did not include bootstrap in our template, we just integrate bootstrap utility practice in our styling, sources can be found under src\assets\less\styles\ultilities directory.

Hi. I tried to redirect to login page after users create their account in the way below.

1. import history file into saga

import history from '../../history';

2. Inside Saga file just import the history. }

export function* signUpWithFBEmail() {
        yield takeEvery(SIGNUP, function* ({payload}) {
       const {email, password, name} = payload;
       try {
           const user = yield call(FirebaseService.signUpEmailRequest, email, password, name);
           if (user.message) {
               yield put(showAuthMessage(user.message));
           } else {
               localStorage.setItem(AUTH_TOKEN, user.user.uid);
               yield put(signUpSuccess(user.user.uid));    
               history.push(/auth/login)
           }
       } catch (error) {
           yield put(showAuthMessage(error));
       }
   }
   );

I tried a couple of methods. (1) history.push(/auth/login) (2) yield call(history.push(/auth/login))

but, both of them worked neither. Do you happen to have any solution?

Hi, if you wan to redirect after signup, you may need to add allowRedirect={true} to <RegisterForm />
<RegisterForm allowRedirect={true} {...props}/>
you may also dispatch authenticated when sign up is success as below
export function* signUpWithFBEmail() {
  yield takeEvery(SIGNUP, function* ({payload}) {
        const {email, password} = payload;
        try {
            const user = yield call(FirebaseService.signUpEmailRequest, email, password);
            if (user.message) {
                yield put(showAuthMessage(user.message));
            } else {
                localStorage.setItem(AUTH_TOKEN, user.user.uid);
                yield put(signUpSuccess(user.user.uid));
                yield put(authenticated(user.user.uid));
            }
        } catch (error) {
            yield put(showAuthMessage(error));
        }
    }
    );
}

Hi, I purchased the 2.0.1 version and It dont has the full implementations of the demo project, implementations like Sigout, E-Commerce/Product List/Details route, etç… how can I get the source for this examples?

Hi, all these files is stored under demo/* folder.

Hi, How should I change the layout direction to RTL? Thanks in advanced

Hi, the update probably will release on March or April.

So, please consider bundling and build performance improvement Good Luck

Thanks, we try to do our best.

Hi,

I am trying to change the design of the table selection checkboxes on the light theme because they are barely visible.

I have tried editing the checkbox border in _checkbox.scss, but they don’t seem to change. Can you please give me a hint?

Thank you.

Hi, checkbox border color is using the same variable with border-color, if you just want to change the color value for checkbox, you can add this class to your styling
.ant-checkbox-inner {
  border: 1px solid yourColorValue
}
else you change the variable value of border-color.

This is just a reskin of the free ANTD project. I don’t see anything that is an addition. Am I wrong?

Hi, the template is built on top of ANTD instead of just a UI pack, we have our own styling & integration with other react stack like redux, react-router, chart, maps, firebase & etc. It basically comes with the infrastructure of a react application. If you think this is worthless, please feel free to apply refund. Thank you

Hi. I’m developing my project from starter-boilerplate v1.1.3. Is there any good guide to migrate to v2.0.1?

Hi, there is some breaking change on v2, we suggest you create a different branch for both versions in your repository and merge v2 to your working branch, you can compare the code within the merge progress, this would make the migration easier.

Hi team, Do you have any plan to support next.js?

Hi, unfortunately, we don’t have any plan to support Next or Gatsby at this moment.

Could you please update the change log for new release?

Hi, the live site was just updated.

Thanks a ton for the SCSS to LESS update, Nate! I can’t believe you actually took the trouble to rewrite the code base!

Love this update!!!! +++++

Thanks for your appreciate!

The “position” of Pagination with Table seems not to work. It doesn’t do on “Dynamic Settings” in demo site, https://emilus.themenate.net/app/components/data-display/table . Only “None” button works.

Hi, thanks for your feedback, it seem like our demo did not up to date, we will update it very soon. You can change your pagination position as prop below:
pagination={{ position: ['bottomLeft'] }}
available value:
'topCenter' | 'topLeft' | 'topRight' 
'bottomCenter' | bottomLeft' | 'bottomRight'
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey