I will proceede here. No need to open another post.
I have issues with form. I can't recreate the template "Advanced" section. I copied the example from template and it works partially. The fields don't align as set by md class, text area is plain(not formatted),...
If I check the generated HTML in console it seems as if the classes are not computed fully.
Should I install something else in my project? What am I missing? I tried to find it in template if it is something I should have installed, but can't find any info.
This is the template code.
Code: Select all
<div class="p-grid">
<div class="p-col-12">
<div class="card">
<h5>Advanced</h5>
<div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12 p-md-6">
<label for="firstname6">Firstname</label>
<input id="firstname6" type="text" pInputText>
</div>
<div class="p-field p-col-12 p-md-6">
<label for="lastname6">Lastname</label>
<input id="lastname6" type="text" pInputText>
</div>
<div class="p-field p-col-12">
<label for="address">Address</label>
<textarea id="address" type="text" rows="4" pInputTextarea></textarea>
</div>
<div class="p-field p-col-12 p-md-6">
<label for="city">City</label>
<input id="city" type="text" pInputText>
</div>
<div class="p-field p-col-12 p-md-3">
<label for="state">State</label>
<input id="city2" type="text" pInputText>
</div>
<div class="p-field p-col-12 p-md-3">
<label for="zip">Zip</label>
<input id="zip" type="text" pInputText>
</div>
</div>
</div>
</div>
</div>
This is the html output
Code: Select all
<div _ngcontent-tbv-c58="" class="p-grid">
<div _ngcontent-tbv-c58="" class="p-col-12">
<div _ngcontent-tbv-c58="" class="card">
<h5 _ngcontent-tbv-c58="">Advanced</h5>
<div _ngcontent-tbv-c58="" class="p-fluid p-formgrid p-grid">
<div _ngcontent-tbv-c58="" class="p-field p-col-12 p-md-6"><label _ngcontent-tbv-c58=""
for="firstname6">Firstname</label><input _ngcontent-tbv-c58="" id="firstname6" type="text"
pinputtext="" class="p-inputtext p-component p-element"></div>
<div _ngcontent-tbv-c58="" class="p-field p-col-12 p-md-6"><label _ngcontent-tbv-c58=""
for="lastname6">Lastname</label><input _ngcontent-tbv-c58="" id="lastname6" type="text"
pinputtext="" class="p-inputtext p-component p-element"></div>
<div _ngcontent-tbv-c58="" class="p-field p-col-12"><label _ngcontent-tbv-c58=""
for="address">Address</label><textarea _ngcontent-tbv-c58="" id="address" type="text" rows="4"
pinputtextarea=""></textarea></div>
<div _ngcontent-tbv-c58="" class="p-field p-col-12 p-md-6"><label _ngcontent-tbv-c58=""
for="city">City</label><input _ngcontent-tbv-c58="" id="city" type="text" pinputtext=""
class="p-inputtext p-component p-element"></div>
<div _ngcontent-tbv-c58="" class="p-field p-col-12 p-md-3"><label _ngcontent-tbv-c58=""
for="state">State</label><input _ngcontent-tbv-c58="" id="city2" type="text" pinputtext=""
class="p-inputtext p-component p-element"></div>
<div _ngcontent-tbv-c58="" class="p-field p-col-12 p-md-3"><label _ngcontent-tbv-c58=""
for="zip">Zip</label><input _ngcontent-tbv-c58="" id="zip" type="text" pinputtext=""
class="p-inputtext p-component p-element"></div>
</div>
</div>
</div>
</div>