Note that there are some explanatory texts on larger screens.

plurals
  1. POdjango - how to arrange form select into multiple column
    primarykey
    data
    text
    <p>Below is </p> <p>forms.py:</p> <pre><code>GRADE_CHOICE=( ('1','Grade 1'), ('2','Grade 2'), ('3','Grade 3'), ('4','Grade 4'), ('5','Grade 5'), ('6','Grade 6') ) grades=forms.MultipleChoiceField( choices=GRADE_CHOICE, required=True, widget=CheckboxSelectMultiple()) </code></pre> <p>Template.html:</p> <pre><code>&lt; divclass="controls"&gt; {{ form.grades }} &lt; /div&gt; </code></pre> <p>Above code works fine and templates show correct data. However, it show data in only one column or line by line.</p> <pre><code>&lt;ul&gt; &lt;li&gt;&lt;label for="id_grades_0"&gt;&lt;input type="checkbox" name="grades" value="1" id="id_grades_0" /&gt; Grade 1&lt;/label&gt;&lt;/li&gt; &lt;li&gt;&lt;label for="id_grades_1"&gt;&lt;input type="checkbox" name="grades" value="2" id="id_grades_1" /&gt; Grade 2&lt;/label&gt;&lt;/li&gt; &lt;li&gt;&lt;label for="id_grades_2"&gt;&lt;input type="checkbox" name="grades" value="3" id="id_grades_2" /&gt; Grade 3&lt;/label&gt;&lt;/li&gt; &lt;li&gt;&lt;label for="id_grades_3"&gt;&lt;input type="checkbox" name="grades" value="4" id="id_grades_3" /&gt; Grade 4&lt;/label&gt;&lt;/li&gt; &lt;li&gt;&lt;label for="id_grades_4"&gt;&lt;input type="checkbox" name="grades" value="5" id="id_grades_4" /&gt; Grade 5&lt;/label&gt;&lt;/li&gt; &lt;li&gt;&lt;label for="id_grades_5"&gt;&lt;input type="checkbox" name="grades" value="6" id="id_grades_5" /&gt; Grade 6&lt;/label&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>Is there a way to change it so it will display 3 records in one line? </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload