Problem with Crispy-Forms

30 views
Skip to first unread message

Jeff Silverman

unread,
Sep 26, 2016, 6:21:49 AM9/26/16
to Django users
I created an example application using Crispy-Forms.  In forms.py I am using

    radio_buttons = forms.ChoiceField(
        choices = (('option_one', 'Option one is this and that be sure to include why it is great'),('option_two', 'Option two can is something else and selecting it will deselect option one')),
        widget = forms.RadioSelect,
        initial = 'option_two',
    )

However, when I execute, the two options appear on the same line.  can anyone tell me what I did wrong?

Jeff Silverman

unread,
Sep 26, 2016, 7:23:59 AM9/26/16
to Django users
Followup.  I am playing with the teaser application on GITHUB.

One more thing, which may be the problem, and keep in mind I am new to DJANGO and Python...  What goes into the base.html file?

ludovic coues

unread,
Sep 26, 2016, 7:37:53 AM9/26/16
to django...@googlegroups.com
I use something like that as a starting template, with bootstrap 4


<!doctype html>
{% load staticfiles %}
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{% block title %}WEBSITE{% endblock %}</title>
<link rel=stylesheet href="{% static "bootstrap.min.css" %}">
{% block head %}
{% endblock %}

<nav class="navbar navbar-light bg-faded">
<a class=navbar-brand href="{% url "site:index" %}">WEBSITE</a>
<ul class="nav navbar-nav">
<li class=nav-item>
<a class=nav-link href="{% url "site:about" %}">ABOUT</a>
<li class=nav-item>
<a class=nav-link href="{% url "site:search" %}">SEARCH</a>
</ul>
</nav>
<header class=jumbotron>
<div class=container>{% block header %}
<h1>WEBSITE</h1>{% endblock %}
</div>
</header>

<div class=container> {% block body %}
{% endblock %}</div>


The idea is to have your layout in base.html and only fill the block
with your content.
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to django-users...@googlegroups.com.
> To post to this group, send email to django...@googlegroups.com.
> Visit this group at https://groups.google.com/group/django-users.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/d7b92aa1-6722-44f9-88fd-e562a4d76045%40googlegroups.com.
>
> For more options, visit https://groups.google.com/d/optout.



--

Cordialement, Coues Ludovic
+336 148 743 42

Jeff Silverman

unread,
Sep 26, 2016, 10:19:48 AM9/26/16
to Django users
Thanks for the explanation.  I think I get it.  Does that, however, explain why the Radio buttons don't display on separate lines?  The "teaser" example on GITHUB shows the output cleanly space on separate lines.  That's the part I don't quite understand.


On Monday, September 26, 2016 at 6:21:49 AM UTC-4, Jeff Silverman wrote:

ludovic coues

unread,
Sep 26, 2016, 3:16:24 PM9/26/16
to django...@googlegroups.com
Do you mind to share your full forms.py file ?
The result in the teaser seems to depend on the FormHelper
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to django-users...@googlegroups.com.
> To post to this group, send email to django...@googlegroups.com.
> Visit this group at https://groups.google.com/group/django-users.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/d22d8604-1c11-4d31-9ddb-76b7ab3edd12%40googlegroups.com.

Jeff Silverman

unread,
Sep 26, 2016, 3:56:29 PM9/26/16
to Django users
I was able to fumble my way through to the solution.  What I think was missing from the TEASER example was to add "CRISPY_TEMPLATE_PACK = 'bootstrap3'
" to the settings.py file.  Once this was added, the radio buttons properly displayed under one another. 

It was kind of fun picking my way through the users group, which is where I found the necessary option.

Thanks much for your assistance.


On Monday, September 26, 2016 at 6:21:49 AM UTC-4, Jeff Silverman wrote:

ludovic coues

unread,
Sep 26, 2016, 4:01:17 PM9/26/16
to django...@googlegroups.com
:)
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to django-users...@googlegroups.com.
> To post to this group, send email to django...@googlegroups.com.
> Visit this group at https://groups.google.com/group/django-users.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/c2e00e9b-7098-4cc7-add5-f14af94bc014%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages