git.oblomov.eu Git - ikiwiki/blob - doc/todo/Improve_signin_form_layout.mdwn

   1 In SVN commits 3478, 3480, 3482, and
   2 3485, I added a fieldset around the passwordauth fields, and
   3 some additional documentation.  However, this needs some additional work to
   4 work correctly with the registration part of the form, as well as the
   5 buttons.  It may also need some CSS love, and some means to style multiple
   6 formbuilder fieldsets differently.  I reverted these four commits to avoid
   7 regressions before the 2.0 release; after the release, we should look at it
   8 again. --[[JoshTriplett]]
   9
  10 FormBuilder forms can be made much more ameanable to styling by passing
  11 these parameters:
  12
  13         name => "signin",
  14         template => {type => 'div'},
  15
  16 This results in a form that uses div instead of a table for layout, and adds
  17 separate id attributes to every form element, including the fieldsets, so that
  18 different forms can be styled separately. The only downside is that it doesn't
  19 allow creating a custom template for the form, but a) nobody has done that and
  20 b) stylesheets are much easier probably. So I think this is the way to go, we
  21 just have to get stylin'. :-)
  22
  23         .fb_submit {
  24                 float: left;
  25                 margin: 2px 0;
  26         }
  27         #signin_openid_url_label {
  28                 float: left;
  29                 margin-right: 1ex;
  30         }
  31         #signin_openid {
  32                 padding: 10px 10px;
  33                 border: 1px solid #aaa;
  34                 background: #eee;
  35                 color: black !important;
  36         }
  37
  38 That looks pretty good.. putting the passwordauth part in a box of its own with
  39 the submit buttons I don't know how to do.
  40
  41 I'm happy enough with what we have now though, with the above improvements.
  42 Hope you are too, as I'm calling this [[done]]..
  43
  44 --[[Joey]]