Very nice theme. Fell in love the minute I saw it. Just bought it plus extended support. Dan ternyata yang buat urang bandung. Makin mantaplah untuk beli hehehe… maju terus karya indo. Izin ke depannya nanya2 yaa…Salam kenal.

Hey there,

Could you update the changelog so that we can see what’s new in this update, please?

Kind Regards

Hi ilhammeidi,

Again I have a one small question with the react-form. That is how to use the image file upload with preview to work with the react-form. I was able submit all the field types including date time pickers, selectors, radio buttons. But when i include the file MaterialDropZone react from does not give me the uploaded file content even though it shows a preview of what i upload.

Here is the sample code of what I did.

There are the component definitions.

const renderDatePicker = ({
  input, meta: { touched, error }
}) => (
  <div>
    <MuiPickersUtilsProvider utils={MomentUtils}>
      <DatePicker
        keyboard
        {...input}
        label="Purchased Date" 
        format="YYYY/MM/DD" 
        selected={input.value ? moment(input.value) : null}
        animateYearScrolling={false}
        mask={[/\d/, /\d/, /\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/]}
      />
    </MuiPickersUtilsProvider>
    {touched && error && <span>{error}</span>}
  </div>
);

const renderImageUpload = ({
  input, meta: { touched, error },
}) => (
  <div>
    <MaterialDropZone
      files={input.value ? input.value : []}
      showPreviews
      maxSize={5000000}
      filesLimit={1}
      text="Drag and drop file(s) here or click button bellow" 
      showButton
    />
    {touched && error && <span>{error}</span>}
  </div>
);

This is how used it:

<form onSubmit={handleSubmit(data => handleFromSubmit(data))} noValidate autoComplete="off">
<FormLabel component="label">Purchased Date</FormLabel>
            <div classname="{classes.picker}">
              <Field
                name="purchasedDate" 
                component={renderDatePicker}
                label="Purchasing Date" 
                required
                className={classes.field}
              />
            </div>
<FormLabel component="label">Rough Image</FormLabel>
            <div classname="{classes.fieldBasic}">
              <Field
                name="roughImage" 
                component={renderImageUpload}
                label="Rough Image" 
                required
                className={classes.field}
              />
            </div>
</form>

Please tell me how to resolve this issue. When I submit the form I get the value for purchasedDate but I dont have any value or field for roughImage.

Hi, I’ve purchased your Dandelion Pro theme a half an hour ago, and I tried to make it work with NodeJS v8.11.1, but the build process has errors and it doesn’t work.

WARNING in ./node_modules/moment/src/lib/locale/locales.js Module not found: Error: Can’t resolve ’./locale’ in ’/var/www/dandelion/dandelion-pro_v101/dandelion-pro/node_modules/moment/src/lib/locale’ @ ./node_modules/moment/src/lib/locale/locales.js @ ./node_modules/moment/src/lib/locale/locale.js @ ./node_modules/moment/src/moment.js @ dll reactBoilerplateDeps

ERROR in dll reactBoilerplateDeps Module not found: Error: Can’t resolve ’@types/googlemaps’ in ’/var/www/dandelion/dandelion-pro_v101/dandelion-pro’ @ dll reactBoilerplateDeps

And other errors similar to the second one.

Please help us ASAP, we want to start working with it tomorrow.

Thanks, Szabolcs Zajdo

Hi,

We bought your theme, and we are looking for a first phase to sketch (using Sketch) our UI. Even there are two sketch source files, we did not find all the UI elements library. Did we miss something?

Best,

Need small support on how to configure SelectFeild with react from inside this template. I checked with the one that is included in the templated. But according to the demos in the https://redux-form.com/7.4.2/examples/material-ui/ they have used different type of react material ui npm module. Can you give me a example of how can i get it done with the available material ui with this template.

I tried follows but did not work as expected. Values does not get updated.

const required = value => (value == null ? 'Required' : undefined);
const email = value => (
  value && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)
    ? 'Invalid email'
    : undefined
);
const minLength = min => value =>
  (value && value.length < min ? `Must be ${min} characters or more` : undefined);
const minLength8 = minLength(8);

const styles = () => ({
  fieldBasic: {
    width: '100%',
    paddingLeft: '5px',
  },
});

const renderSelectField = ({
  input, label, meta: { touched, error }, children, ...custom
}) => (
  <Select
    floatingLabelText={label}
    errorText={touched && error}
    {...input}
    onChange={(event, index, value) => input.onChange(value)}
    {...custom}
  >
    {children}
  </Select>
);

class AddUser extends React.Component {
  state = {
    showPassword: false,
  };
  handleChange = prop => event => {
    this.setState({ [prop]: event.target.value });
  };
  handleClickShowPassword = () => {
    this.setState({ showPassword: !this.state.showPassword });
  };
  render() {
    const {
      classes,
    } = this.props;
    return (
      <Fragment>
        <form noValidate autoComplete="off">
          <PapperBlock title="Add User" icon="ios-settings" whiteBg>
            <List dense>
              <ListItem>
                <Avatar>
                  <AccountCircle />
                </Avatar>
                <div classname="{classes.fieldBasic}">
                  <FormControl className={classes.formControl}>
                    <Field
                      name="userType" 
                      component={renderSelectField}
                      label="User Type" 
                      className={classes.textField}
                      required
                    >
                      <MenuItem value="">
                        <em>None</em>
                      </MenuItem>
                      <MenuItem value="Admin">Admin</MenuItem>
                      <MenuItem value="Operator">Operator</MenuItem>
                      <MenuItem value="Executive">Executive</MenuItem>
                    </Field>
                  </FormControl>
                </div>
              </ListItem>
              <ListItem>
                <Avatar>
                  <Email />
                </Avatar>
                <div classname="{classes.fieldBasic}">
                  <Field
                    name="name" 
                    component={TextField}
                    placeholder="Name" 
                    label="Name" 
                    required
                    validate={[required, email]}
                    className={classes.field}
                  />
                </div>
              </ListItem>
              <ListItem>
                <Avatar>
                  <Email />
                </Avatar>
                <div classname="{classes.fieldBasic}">
                  <Field
                    name="email" 
                    component={TextField}
                    placeholder="Email" 
                    label="Email" 
                    required
                    validate={[required, email]}
                    className={classes.field}
                  />
                </div>
              </ListItem>
              <ListItem>
                <Avatar>
                  <Lock />
                </Avatar>
                <div classname="{classes.fieldBasic}">
                  <Field
                    name="password" 
                    component={TextField}
                    type={this.state.showPassword ? 'text' : 'password'}
                    label="Your Password" 
                    InputProps={{
                      endAdornment: (
                        <InputAdornment position="end">
                          <IconButton
                            aria-label="Toggle password visibility" 
                            onClick={this.handleClickShowPassword}
                            onMouseDown={this.handleMouseDownPassword}
                          >
                            {this.state.showPassword ? <VisibilityOff /> : <Visibility />}
                          </IconButton>
                        </InputAdornment>
                      )
                    }}
                    required
                    validate={[required, minLength8]}
                    className={classes.field}
                  />
                </div>
              </ListItem>
              <ListItem>
                <div>
                  { /* <Button variant="contained" color="secondary" type="submit" disabled={submitting}> */ }
                  <Button variant="contained" color="secondary" type="submit">
                    Submit
                  </Button>
                  <Button
                    type="button" 
                    // disabled={pristine || submitting}
                    // onClick={reset}
                  >
                    Reset
                  </Button>
                </div>
              </ListItem>
            </List>
          </PapperBlock>
        </form>
      </Fragment>
    );
  }
}

I am not able to customize – dandelion-pro-react-admin-dashboard-template Please provide full customization documentation ,i want to use widget and component to new pages . For Example: I want to create new page with using some component of profile page and some component of contact page.

Can I use this theme on Django?

First off. Amazing creation you guys put together. I cannot wait to get down and intertwined. Thank you so much for creating this! In the future, a nice addition could be an entire integration with firebase or mlab with some code sampling a backless configuration setup or anything fun deploying with heroku etc!

I have purchased your template and want to know whether there is a way to change Advance Table raw color based on some sort of a status. According to the https://github.com/gregnb/mui-datatables/ documentation of the plugin that you have used, we can only pass the string data array of data to the MUIDataTable. Note that my requirement is to have all the Advance Features like search, sort, print, and this extra requirement to have different colors for each raw based on a status. Further, this table will have more than 1000K entries. Thanks

Hi! I am really interested in the theme. However, I would like to know its compatibility with IE 11. Is it compatible ?

Hi guys..How i can start this template? i tried with npm run start or npm start and nothing…please help me

Hi customers,

If you guys get any error related material ui picker. Please try to downgrade first material-ui-picker by script “npm install material-ui-picker@1.0.0-rc.6“

It seems the installed version of material-ui-picker is higher than should be. The new version has different structure. We will find out how come this can be happen by tomorrow.

Or you can make some adjustment in code by following this docs https://material-ui-pickers.firebaseapp.com/usage

Thanks for your attention.

I was wondering how to actually launch this template. I’m familiar with Node.js, but React Boilerplate seems a bit different than what I’m used to. How can I launch the project?

beautiful work, Congratulations GLWS

Give us Cyber Monday discount and I will buy! hahah beautiful theme!

Is it possible to put an background image instead this default image on login page?

Keren sekali om , ijin Bookmark dulu

Hi,

Prior to purchase this templates, we have some queries about security and compatibility.

1. Is this template follows W3C standard?

2. Is there any compatibility issue with any browser?

3. Does is contains any harmful client / server side scripts?

4. Is it safe to integrate payment gateway using the same scripts it is running?

Please advise,

Thanks! Naveen Jain

Hi,

Prior to purchase this templates, we have some queries about security and compatibility.

1. Is this template follows W3C standard?

2. Is there any compatibility issue with any browser?

3. Does is contains any harmful client / server side scripts?

4. Is it safe to integrate payment gateway using the same scripts it is running?

Please advise,

Thanks! Naveen Jain

Incredible work!!! Good Luck!