DJANGO forms: Improve the presentation of the elements

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
6 messages Options
Reply | Threaded
Open this post in threaded view
|

DJANGO forms: Improve the presentation of the elements

Walter Randazzo
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/15c1164f-231b-4ccc-a62c-03189abee27fn%40googlegroups.com.

1.png (30K) Download Attachment
2.png (21K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: DJANGO forms: Improve the presentation of the elements

gamesbook
What you want to achieve (labels to the side) is the same example shown in the Django-crispy-forms README:




On Sunday, 25 October 2020 at 19:46:54 UTC+2 [hidden email] wrote:
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/7c13edd9-4693-4441-9786-a0ded9ed9d95n%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: DJANGO forms: Improve the presentation of the elements

sarva nithin
hey,guys I'm new for all these present I have been learning python through python bootcamp course in udemy so, I want to crack GSOC  so, I started to learn stuff like contribute organisations so, I don't understand where to start so, please if anybody can help me please reply and I have also started read many articles how to enter like this stuff but anything is not working so, you people are my hope to atleast  find some solution .thank you for reading this message,and present I'm studying in engineering 1st year 

On Monday, 26 October 2020 at 19:22:24 UTC+5:30 Derek wrote:
What you want to achieve (labels to the side) is the same example shown in the Django-crispy-forms README:




On Sunday, 25 October 2020 at 19:46:54 UTC+2 [hidden email] wrote:
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/fc3d44f6-57e4-415a-af49-0a3abff5e326n%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: DJANGO forms: Improve the presentation of the elements

Walter Randazzo
In reply to this post by gamesbook
Hi Derek, Thanks for sharing. im gonna try with crispy forms.

El lunes, 26 de octubre de 2020 a la(s) 10:52:24 UTC-3, Derek escribió:
What you want to achieve (labels to the side) is the same example shown in the Django-crispy-forms README:




On Sunday, 25 October 2020 at 19:46:54 UTC+2 [hidden email] wrote:
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/cf9e8cb9-4bcc-4b16-a07d-29a8274038b5n%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: DJANGO forms: Improve the presentation of the elements

Walter Randazzo
In reply to this post by sarva nithin
Hi Sarva, Hope u can aply gsoc!!! 

El lunes, 26 de octubre de 2020 a la(s) 12:18:18 UTC-3, sarva nithin escribió:
hey,guys I'm new for all these present I have been learning python through python bootcamp course in udemy so, I want to crack GSOC  so, I started to learn stuff like contribute organisations so, I don't understand where to start so, please if anybody can help me please reply and I have also started read many articles how to enter like this stuff but anything is not working so, you people are my hope to atleast  find some solution .thank you for reading this message,and present I'm studying in engineering 1st year 

On Monday, 26 October 2020 at 19:22:24 UTC+5:30 Derek wrote:
What you want to achieve (labels to the side) is the same example shown in the Django-crispy-forms README:




On Sunday, 25 October 2020 at 19:46:54 UTC+2 [hidden email] wrote:
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/24ff148c-3583-492d-aa1f-c79703ae960dn%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: DJANGO forms: Improve the presentation of the elements

sarva nithin
guys,can I know that what work you people so,that  I can also prepare for that stuff so,please 

 [hidden email]   reply me bro...waiting for your reply



On Mon, 26 Oct 2020 at 21:04, Walter Randazzo <[hidden email]> wrote:
Hi Sarva, Hope u can aply gsoc!!! 

El lunes, 26 de octubre de 2020 a la(s) 12:18:18 UTC-3, sarva nithin escribió:
hey,guys I'm new for all these present I have been learning python through python bootcamp course in udemy so, I want to crack GSOC  so, I started to learn stuff like contribute organisations so, I don't understand where to start so, please if anybody can help me please reply and I have also started read many articles how to enter like this stuff but anything is not working so, you people are my hope to atleast  find some solution .thank you for reading this message,and present I'm studying in engineering 1st year 

On Monday, 26 October 2020 at 19:22:24 UTC+5:30 Derek wrote:
What you want to achieve (labels to the side) is the same example shown in the Django-crispy-forms README:




On Sunday, 25 October 2020 at 19:46:54 UTC+2 [hidden email] wrote:
Hi guys,

Is there any way to improve the distribution of the elements of the django form, from this (img1) to (img2)?

How so?

Thanks in Advance

Code:
<body class="text-center">
  <div class="container mb-4">
    <form type="search" method="GET" actopm="." >
        {{filter.form|bootstrap}}
      <button type="submit" class="btn btn-primary">Buscar</button>
    </form>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text">%</span>
      </div>
      <input type="text" class="form-control" name="porcentaje" id="precioinp" aria-label="Porcentaje">
      <div class="input-group-append">
        <span class="input-group-text">.00</span>
      </div>
      <button type="button" id="btnAplicar" class="btn btn-primary">Aplicar</button>
    </div>
  </div>
</body>  

--
You received this message because you are subscribed to a topic in the Google Groups "Django users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/django-users/4_2uAzPybNw/unsubscribe.
To unsubscribe from this group and all its topics, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/24ff148c-3583-492d-aa1f-c79703ae960dn%40googlegroups.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 [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CALGnUSSKZDTZmigbkPf%2B_n2nCh2kux_bsQmnsKhkfAmj8%2B4_Yg%40mail.gmail.com.