/Javascript/Bootstrap/Bootstrap modal disable close on click outside react bootstrap

Bootstrap modal disable close on click outside react bootstrap

<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>

Source: stackoverflow.com

Similar codes

1 vote207 views1 answer
Bootstrap modal title center
Javascript Bootstrap
222 votes289 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
20 votes231 views2 answers
Bootstrap screen sizes
CSS Bootstrap
26 votes196 views10 answers
Bootstrap
CSS Bootstrap
0 vote214 views1 answer
Input area bootstrap highlight
CSS Bootstrap
64 votes232 views4 answers
Bootstrap buttons
CSS Bootstrap
0 vote180 views1 answer
How make calender in bootstrap
Javascript Bootstrap
0 vote198 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
0 vote187 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
1 vote206 views3 answers
Copy text on click bootstrap
Javascript Bootstrap