StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POZF2 Vertical Form
primarykey
Id
19920895
data
AcceptedAnswerId
19925838
AnswerCount
3
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-12T04:30:23.600
FavoriteCount
0
LastActivityDate
2013-11-13T21:04:09.103
LastEditDate
2013-11-12T06:32:43.947
LastEditorUserId
1179484
OwnerUserId
1179484
ParentId
0
PostTypeId
1
Score
0
ViewCount
532
LastEditorDisplayName
text
Body
<p>I created a simple form in typical ZF2 application. The form class code is just a modified code provided by Zend's Album example.</p> <pre><code><?php namespace Admin\Form; use Zend\Form\Form; class CityForm extends Form { public function __construct($name = null) { parent::__construct('city'); $this->setAttribute('method', 'post'); $this->add(array( 'name' => 'id', 'attributes' => array( 'type' => 'hidden', ), )); $this->add(array( 'name' => 'name', 'attributes' => array( 'type' => 'text' ), 'options' => array( 'label' => 'Name', ), )); $this->add(array( 'name' => 'province', 'attributes' => array( 'type' => 'text' ), 'options' => array( 'label' => 'Province', ), )); $this->add(array( 'name' => 'country', 'attributes' => array( 'type' => 'text' ), 'options' => array( 'label' => 'Country', ), )); $this->add(array( 'name' => 'coordinate', 'attributes' => array( 'type' => 'text' ), 'options' => array( 'label' => 'Coordinate', ), )); $this->add(array( 'name' => 'submit', 'attributes' => array( 'type' => 'submit', 'value' => 'Save', 'id' => 'submitButton', ), )); } } </code></pre> <p>And call it like this in CityController, a typical controller extends AbstractActionController:</p> <pre><code>public function addAction() { $form = new CityForm(); $viewData = array( 'form' => $form ); return new ViewModel($viewData); } </code></pre> <p>Finally in view I echo it like this:</p> <pre><code><?php $title = 'Add New City'; ?> <?php $this->headtitle($title); ?> <h1><?php echo $this->escapehtml($title); ?></h1> <?php $form = $this->form; ?> <?php $form->setAttribute('action', $this->url('city', array('action' => 'add'))); ?> <?php $form->prepare(); ?> <?php echo $this->form()->openTag($form); echo $this->formHidden($form->get('id')); echo $this->formRow($form->get('name')); echo $this->formRow($form->get('province')); echo $this->formRow($form->get('country')); echo $this->formRow($form->get('coordinate')); echo $this->formSubmit($form->get('submit')); echo $this->form()->closeTag(); ?> </code></pre> <p>What I expected to see is a vertical form like this: <img src="https://i.stack.imgur.com/ilwxw.png" alt="Awesome vertical form"></p> <p>But what i got is an ugly form like this: <img src="https://i.stack.imgur.com/ZfEJR.png" alt="Yikes!"></p> <p>What's wrong with my code? Please help.</p> <p>EDIT:</p> <p>When I inspect element, the form generated is strange. The <code><input></code> element is inside the <code><label></code> element.</p> <pre><code><form id="city" name="city" method="post" action="/karciscus/public/admin/city/add"> <input type="hidden" value="" name="id"> <label> <span>Name</span><input type="text" value="" name="name"> </label> <label> <span>Province</span><input type="text" value="" name="province"> </label> <label> <span>Country</span><input type="text" value="" name="country"> </label> <label> <span> Coordinate</span><input type="text" value="" name="coordinate"> </label> <input type="submit" value="Save" id="submitButton" name="submit"> </form> </code></pre> <p>I'm pretty sure it is the cause of my ugly rendered form. I think it is not supposedly like that. How to fix it?</p>
Tags
<php><html><forms><zend-framework2>
Title
ZF2 Vertical Form
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USyunhasnawa
UserOwnerUserId
1. USyunhasnawa
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.