git.roojs.org Git - roojs1/blob - Roo/bootstrap/TODO.txt

   1 http://getbootstrap.com/
   2
   3 Component
   4   hideon = xs,sm,md,lg,print ( adds .hidden-xs) - value can be a combination of any of these
   5   showon = xs,sm,md,lg,print  ( adds .visible-xs) - value can be a combination of any of these
   6
   7
   8 Container
   9  - add type : (empty) | jumbotron | page-header | thumbnail
  10  - alert (empty) | success | info | warning | danger
  11  - dismiss : false | true
  12
  13  ** if alert -> then after render??? change all the children..
  14  ** add hook? afterChildRender to Component..
  15
  16 Button.js
  17   active: true/false --- good
  18   weight : default (or empty) | primary | success | info | warning --- good
  19   size : lg / sm / xs (default empty) --- good
  20   tag: button (default) | a | input | submit --- input + submit (form)
  21   href:  // if set then and tag != 'a' = then show error --- good
  22   disabled  : true/false --- good
  23   isClose: true/false --- good
  24   glyphicon: volume-up  (see components styling) --- good
  25   (( if button has items[] then show a carret and crete the ul/ for dropdown)) --- not done, how to I create ul for dropdown?
  26   dropdirection : default empty (down) can be 'dropup' --- .dropup class must be added to parent .btn-group div. .pull-right?
  27   badge: (empty) or value --- converts to tag a, add pull-right?
  28
  29 Navbar.Dropdown --- problem: has autocreate
  30     - add align:  left (default) right
  31     - add pull-right --- what to call it?
  32
  33 Navbar.Button (extends Button) --- how do I do this
  34
  35 Navbar.Item
  36     - add
  37         disabled --- no navbar item disabled
  38     - if href is empty - then do not use <a> tags. (and use navbar-text) --- problem: if href is empty, it uses default from autocreate instead
  39     - add align : right --- the alignment of the parent ul is set, not the li items
  40     - add badge --- good
  41
  42 Navbar -
  43     type : tabs | pills | stacked | justified | fixed-top | fixed-bottom  | static-top | inverse (default empty)  --- +collapse, problem: justified works only for <a>, not <button>
  44
  45 BreadCrumb
  46 BreadCrumb.Item
  47   - active: true | false
  48
  49 ButtonGroup.js
  50     size : lg / sm / xs (default empty)
  51     align: (empty) or vertical | justified
  52
  53 Navbar.Dropdown.Divider.js
  54
  55
  56 Img.js
  57     format: rounded | circle | thumbnail
  58
  59 Progress
  60    now:
  61    max:
  62    min:
  63    width:
  64    striped: false | true
  65    active: false | true
  66    // if items -> then use that for the items.
  67
  68 ProgressItem
  69     width:
  70
  71
  72 MediaBlock
  73    src
  74    alt
  75    href
  76    title
  77    html
  78
  79 MediaList
  80
  81 MediaList.Item
  82    src
  83    alt
  84    href
  85    title
  86    html
  87
  88
  89 ListGroup
  90  (use div version)
  91
  92 ListGroupItem
  93  (use div's)
  94   html:
  95   badge:
  96   title:
  97   href:
  98
  99 -------------------
 100
 101 http://detail.herokuapp.com/
 102 see if we can create the
 103  ** forms showcase page  - with header bar etc..
 104  ** UI Elements page.
 105
 106
 107