TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22120 Commits
139 Branches
203 Tags
1.2 GiB
 
 
 
 
 
 
Tag: Branch: Tree: fcd450af3f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'fcd450af3f'
${ noResults }
openproject/app/assets/stylesheets/content/_choice.md

1.2 KiB
Raw Blame History

Choice

For selection from a list without having to use a form. This can be reused for selects which have no association to any type of form.

<div class="choice">
  <div class="choice--select">
    <select class="select2">
      <option value="">one</option>
      <option value="">two</option>
      <option value="">three</option>
    </select>
  </div>
  <div class="choice--button">
    <button class="button">
      <i class="icon-edit"></i> Edit
    </button>
  </div>
</div>
<div class="clearfix"></div>

Choice with inline label and input

A more complex example for a choice combined with further inputs.

<div class="choice">
  <div class="choice--select">
    <span class="inline-label">
      <select class="select2">
        <option value="">one</option>
        <option value="">two</option>
        <option value="">three</option>
        <option value="">over nine thousand!!!</option>
      </select>
      <span class="form-label">multiplied by</span>
      <input class="form--text-field" size="10" type="text">
    </span>
  </div>
  <div class="choice--button">
    <button class="button">
      <i class="icon-edit"></i> Edit
    </button>
  </div>
</div>
<div class="clearfix"></div>