Below is my Dialog code :
Code: Select all
<Dialog
visible={this.state.itemDialog}
style={{ width: "600px", height:"800px" }}
header="Category Details"
modal
className="p-fluid ui-dialog"
footer={itemDialogFooter}
onHide={this.hideDialog}
>
<div className="p-field">
<label htmlFor="attributes">Type </label>
<MultiSelect
style={{zIndex:0 }}
className="ui-dialog-content"
name="attributeIds"
id="attributes" value={this.state.item.attributeIds}
options={this.state.categoryAttributes}
optionLabel="name" optionValue="id"
onChange={(e) =>this.updateState(e)}
placeholder={"Select Attributes"}/>
</div>
<div className="p-field">
<label htmlFor="name">Name </label>
<InputText id="name" name="name" type="text" placeholder="Name" value={this.state.item.name} onChange={this.updateState}/>
</div>
</Dialog>