gado
July 24, 2016, 3:37am
1
Hi
I try to use this guide https://guide.meteor.com/accounts.html#accounts-base for customize meteor-useraccounts/unstyled
How i can use that? I don’t understand. I installed the addon.
// Called by
import React from 'react';
import Blaze from 'meteor/gadicc:blaze-react-component';
import { Template } from 'meteor/templating';
import './override-at_form.html';
Template['override-at_form'].replaces('atForm');
class LoginModal extends React.Component {
componentDidMount() {
$('.ui.modal')
.modal('setting', 'hide', true);
;
}
openModal() {
$('.ui.modal').modal('show');
}
render() {
if (this.props.open == true) this.openModal();
return (
<div className="ui modal">
<i className="close icon"></i>
<Blaze template="atForm" />
</div>
);
}
}
export default LoginModal;
The error is: TypeError: Template[‘override-at_form’] is undefined
Thanks
Do you have an override Template ?
<template name="override-at_form">
here is what you like to override
</template>
gado
July 24, 2016, 3:52pm
3
Yes. In the same folder.
override-at_form.html
<template name="override-atForm">
{{#unless hide}}
<div class="at-form">
<p>Test</p>
{{#if showTitle}}
{{> atTitle}}
{{/if}}
{{#if showOauthServices}}
{{> atOauth}}
{{/if}}
{{#if showServicesSeparator}}
{{> atSep}}
{{/if}}
{{#if showError}}
{{> atError}}
{{/if}}
{{#if showResult}}
{{> atResult}}
{{/if}}
{{#if showMessage}}
{{> atMessage}}
{{/if}}
{{#if showPwdForm}}
{{> atPwdForm}}
{{/if}}
{{#if showTermsLink}}
{{> atTermsLink}}
{{/if}}
{{#if showSignInLink}}
{{> atSigninLink}}
{{/if}}
{{#if showSignUpLink}}
{{> atSignupLink}}
{{/if}}
{{#if showResendVerificationEmailLink}}
{{> atResendVerificationEmailLink}}
{{/if}}
</div>
{{/unless}}
</template>
Do you have a code example with this function working?
Thanks
You have a Typo in your Template. In your JS File you have at_Form and in your Template you have atForm
Hopefully this wil solve it ? Let me know.
Thanks