p-g form-group changed?
Posted: 09 Nov 2018, 14:15
Has there been changes within 2.0.0-beta.9 that has changed the way p-g form group works? In 2.0.0-beta.3 it I can line everything up with but in 2.0.0-beta.9 that doesn't seem to work
Code: Select all
<div className="p-g form-group">
<div className="p-g-12 p-md-4">
</div>
<div className="p-g-12 p-md-2">
<label>Current</label>
</div>
<div className="p-g-12 p-md-2">
<label>Min</label>
</div>
<div className="p-g-12 p-md-2">
<label>Max</label>
</div>
<div className="p-g-12 p-md-2">
</div>
<div className="p-g-12 p-md-4">
<label>Total tree canopy cover (%)</label>
</div>
<div className="p-g-12 p-md-2">
<InputText keyfilter='int' value={this.state.TreeCanopyCurrent} />
</div>
<div className="p-g-12 p-md-2">
<InputText keyfilter='int' value={this.state.TreeCanopyMin} />
</div>
<div className="p-g-12 p-md-2">
<InputText keyfilter='int' value={this.state.TreeCanopyMax} />
</div>
<div className="p-g-12 p-md-2">
</div>
Code: Select all
<div className="p-col-12">
<div className="p-grid">
<div className="p-col-12 p-md-6 p-lg-2">
<label htmlFor="costcentre">Cost Centre*</label>
<InputText id="costcentre" disabled value={this.state.CostCentre} onChange={e => this.setState({CostCentre: e.target.value})}/>
</div>
<div className="p-col-12 p-md-6 p-lg-2">
<label htmlFor="woodno">Wood Number</label>
<InputText id="woodno" disabled value={this.state.WoodNo} onChange={e => this.setState({WoodNo: e.target.value})}/>
</div>
<div className="p-col-12 p-md-6 p-lg-4">
<label htmlFor="region">Region*</label>
<Dropdown id="region" autoWidth={false} value={this.state.Region} onChange={event => this.setState({Region: event.value})}/>
</div>
<div className="p-col-12 p-md-6 p-lg-2">
<label htmlFor="landha">Land Ha*</label>
<InputText id="landha"onChange={(e) => this.setState({LandHa: e.target.value})} value={this.state.LandHa} />
</div>
<div className="p-col-12 p-md-6 p-lg-2">
<label htmlFor="landacres">Acres</label>
<InputText id="landacres" disabled onChange={(e) => this.setState({LandAcres: e.target.value})} value={this.state.LandAcres} />
</div>
Why do people do this? What was the issue?