bootstrap modal disable close on click outside react bootstrap

Ill Impala answered on July 25, 2021 Popularity 9/10 Helpfulness 7/10

answer bootstrap modal disable close on click outside react bootstrap

bootstrap modal disable close on click outside react bootstrap

Comment

<div>
    <Modal show={this.state.show} onHide={this.handleClose} backdrop="static">
        <Modal.Header>
            <Modal.Title>Change Password</Modal.Title>
        </Modal.Header>
        <Modal.Body>
            <form className="form-horizontal" style={{margin:0}}>
                <div className='password-heading'>This is the first time you have logged in.</div>
                <div className='password-heading'>Please set a new password for your account.</div>
                <br/>

                <label className="password">Password
                    <input type={this.state.type} className="password__input" onChange={this.passwordStrength}/>
                    <span className="password__show" onClick={this.showHide}>{this.state.type === 'input' ? 'Hide' : 'Show'}</span>
                    <span className="password__strength" data-score={this.state.score}>
                        <div className="strength_string">{this.state.strength}</div>
                    </span>
                </label>
                <br/>
                <label className="password">Confirm Password
                    <input type={this.state.type} className="password__input" onChange={this.passwordStrength}/>
                </label>

            </form>
            <br/>
        </Modal.Body>
        <Modal.Footer>
            <Button onClick={this.submitPassword} disabled={this.state.isDisabled}>Submit</Button>
        </Modal.Footer>
    </Modal>
</div>

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: bootstrap-modal click disable javascript react-bootstrap

Link to this answer
Share Copy Link

Contributed on Jul 25 2021

Ill Impala

0 Answers Avg Quality 2/10

bootstrap modal disable close on click outside react bootstrap

Contents

More Related Answers

bootstrap modal disable close on click outside react bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.