aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0/components/forms.md
AgeCommit message (Collapse)AuthorFilesLines
2018-04-09Ship v4.1.0 (#26218)v4.1.0Mark Otto1-1296/+0
* update docs path from docs/4.0/ to docs/4.1/ * bump version to 4.1.0 * Update redirects to work for 4.1 docs move * Update docs version switcher to include latest and link to 4.0 docs * re-run dist * Update package-lock.json * Update docs-navbar.html
2018-03-14Remove custom example plugin. (#25784)m5o1-94/+141
2018-03-14Document `.form-control-range`. (#25839)Varunram Ganesh1-0/+13
2018-03-12Use callout without custom Jekyll plugin.m5o1-10/+15
2018-02-24Brush up vertical rhythm of form-check in docs. Closes #25546Peter Blazejewicz1-1/+1
This adds `form-group` to add the same vertical space to the `form-check` as in other grouped controls used in form sample markup. Thanks!
2018-02-19Custom range input (#25600)Mark Otto1-0/+23
* added the styling * added the documentation * update for one rule per line * fix hound error: trailing whitespace * trimmed off vendor prefixes * Add note about track and thumb * Psuedo-elements must be split across multiple rulesets to have an affect * Fix firefox inner focus * Seems that FF is the only one affected by this * Add support for gradients * Add labels, clarify min/max changes * add step example * add custom range vars
2018-02-16[Docs] Clarify suggested use of custom validation styles, add note about ↵Patrick H. Lauke1-1/+2
resetting form appearance after validation (#25628) * Expand/clarify recommendation for using custom validation styles Seems support for correctly announcing browser default navigation bubbles/notifications has improved recently. Now it seems only Chrome (at least on Win and Android, not tested on macOS) is the odd one out. However, we should really make sure the custom validation messages are also tied correctly to their relevant form controls - need to dig out the PR that will ensure that. * Add note about resetting form appearance after submission xref https://github.com/twbs/bootstrap/issues/25626
2018-01-19Remove mention of disabled buttons support for Opera 18 (#25357)Christian Oliff1-1/+1
Opera 19 was released in January 2014 and auto-updates so I suggest no need to mention about browser support for this old version.
2018-01-15Adjust languageMark Otto1-5/+5
2018-01-15Merge branch 'form-check-input-validation' of ↵Mark Otto1-1/+30
https://github.com/supergibbs/bootstrap into supergibbs-form-check-input-validation
2018-01-15Add example of a Spanish translation for custom file input (#25302)Mark Otto1-1/+10
2018-01-11Fix invalid "constraint validation API" URL in docs (#25244)Vytas1-1/+1
2018-01-05Added required checkbox exampleJesse Mandel1-1/+30
2018-01-02Validation tooltip example (#25143)Mark Otto1-10/+86
* Add additional form validation examples Fixes #24811. This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs. * Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element * update ids * finish docs paragraph, mention position: relative
2017-12-31Remove trailing spaces.XhmikosR1-1/+1
2017-12-30drop "simply" and tweak a few other bitsMark Otto1-2/+2
2017-12-30Updated docs for translating "Browse" text into other languagesAlberto1-9/+3
"Choose file ..." text is now written inside the label tag, so the translation is outside the css scope. $custom-file-text variable should only contain "Browse" translations.
2017-12-26Rewrite custom file inputMark Otto1-26/+24
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation. - Fixes form validation styles for custom file input (closes #24831). - Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-26Closes #25039Mark Otto1-1/+1
Adds some additional context on `.form-group` usage
2017-12-26Move from h4s and misc to h5s so headings from example snippets don't show ↵Mark Otto1-2/+2
in our table of contents
2017-12-23space custom select sizing examplesMark Otto1-1/+1
2017-12-22Form check markup v2 (#25050)Mark Otto1-163/+136
* match layout behaviors * ditch the indicator as separate element for psuedo-elements on the label * move disabled to attribute only on input * redo default inline check to support new markup * redo inline forms * clean up vars * update validation mixin to new structure * update checks in docs * linting for for/id attributes
2017-12-22Rewrite input group component (#25020)Mark Otto1-25/+54
* Rewrite input group component * Set the feedback to 100% width for input group * Move from .row to .form-row for tighter layout * no need for custom feedback here, we're using browser messaging * add input group to validation examples * add note about validating multiple * migration note added
2017-12-02Remove .col-form-legend in favor of .col-form-label (#24932)Troy Morehouse1-5/+3
* chore: sync with twbs (#1) * Make styling of grouped option buttons class-based Referencing #23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute. * Fix installing deps in our webpack docs * Fix nested cards on card group (#24766) * Update popper.js to v1.12.9. (#24797) * Don't run postcss for `dist/css/*.min.css` files. (#24676) * Change the text color to dark on bg color warning examples (#24805) * Remove unused file and bundle ie-emulation-modes-warning.js with docs.min.js (#24825) * Remove the unused assets/js/ie10-viewport-bug-workaround.js. * Combine ie-emulation-modes-warning.js with docs.min.js. * Typos in grid.md (#24828) Fixed typos in offsetting section of grid.md * Fix dropup example code * Update devDependencies. (#24829) * Add support for fractional viewport widths (zoom/high-dpi displays) (#24299) * Change breakpoint max- calculation to fractional values * Update docs to reflect fractional max-width breakpoint values * Add fractional max-width to offcanvas example * Add documentation and SCSS comment for fractional viewport support * Add a simple script to generate SRI hashes for our assets. (#24814) * Allow us to run our unit test on differents jquery version * Run karma tests in parallel. * Update typography docs (#24863) * closes #24450 * Rewrite custom form check backgrounds (#24697) * Rewrite custom form check backgrounds Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true. Fixes #24598 * restore default vars * Revamp custom check and radio backgrounds Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient. * remove now unused mixin * mention change in migration docs * lets the centered modal have any height (#24803) * Custom select updates (#24699) * Add support for size attribute on custom selects * Add large custom select, document it and the small variant * fix custom select focus state * fix custom file input focus styles * remove empty line * Update package.json. (#24582) 1. Use the same jQuery version in jspm 2. Update the files to only include the source and dist folders * Use Jekyll's `smartify` filter when possible. (#24866) * Darken outline hover color to match default button hover (#24150) * Fix Issue #24144 Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button. * Fix Issue #24144 Filled button on hover should utilize the same color-yiq mixin so that theme buttons match * default values, fix mixin * rename it * document it * add migration note * fixes #24728 * Remove unused CSS. (#24872) * tab.js: do not remove fade class if there's no initial active pane * Restore currently unused variables (#24891) * Replace lint-vars.sh with a Node.js script. (#24860) Also, include it in the `css` npm script since it's instant. * Fix docs horizontal scrollbar (#24878) * Fix docs horizontal scrollbar in Components > Modal * Add overflow to docs example class * Drop the handleUpdate() variant While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here). * Combine path and remove variable used in one place. (#24873) * Update devDependencies and gems. (#24876) * Override padding on radio input label (#24899) We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close #24844. * Update README.md (#24912) * Work around Travis failures. Note that we should revert this when the issue is fixed. * Revert the Travis workaround. (#24926) The issue has been fixed. * add .col-form-legend-lg and .col-form-legend-sm classes * document .col-form-legend-{size} * trash .col-form-legend completely One class fits all * Update forms.md * consolidate copy * property order
2017-11-29Override padding on radio input label (#24899)Mark Otto1-1/+3
We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close #24844.
2017-11-24Custom select updates (#24699)Mark Otto1-0/+40
* Add support for size attribute on custom selects * Add large custom select, document it and the small variant * fix custom select focus state * fix custom file input focus styles * remove empty line
2017-11-15Removed .col-form-label from vertical form example (#24771)Daniel Niccoli1-2/+2
Fixes #24739
2017-10-29nuke container class for consistency while we're hereMark Otto1-1/+1
2017-10-29tweak spacingMark Otto1-1/+1
2017-10-27form y space in docjeanpierre1-17/+17
2017-10-19remove form control label as it have been removed (#24442)Laussel Loïc1-2/+2
2017-10-18Improves forms migration guide, docs, and scss (#24348)Andres Galante1-45/+70
* fixes migration forms guides * removes container from Horizontal form * adds col-form-label sizes on form docs * removes .form-control-label from forms.scss * add note to migration
2017-10-18Remove uncessary `col-form-label` from form row docs (#24335)Andres Galante1-7/+7
2017-09-28Lint docs js too and use `strict consistently. (#24160)XhmikosR1-7/+8
2017-09-26Normalize all links. (#24109)XhmikosR1-1/+1
* use a trailing slash when possible * use https when possible * remove a few redirected links * consistently use `https://popper.js.org/` * fix `iconUrl` in nuget files * change Jekyll Windows guide to the official one
2017-09-12Fix malformed `<select>` in examplePatrick H. Lauke1-1/+4
2017-09-09Use CSS3 pseudo elements in documentationvsn4ik1-2/+2
2017-09-04Remove usage of dropped .checkbox from docs (#23655)Herst1-3/+3
2017-09-04IE11 supports pointer-events CSS propertyHerst1-1/+1
See http://caniuse.com/#feat=pointer-events
2017-09-01Correct typo in in-page anchor (#23777)Patrick H. Lauke1-1/+1
Fixes https://github.com/twbs/bootstrap/issues/23773
2017-08-10Remove broken CSS that tried to reset the absolute positioning when there ↵Mark Otto1-3/+3
was no text
2017-08-06Fix typoPablo Crivella1-1/+1
2017-08-04remove old validation docs, fixes #23217Mark Otto1-28/+0
2017-07-01Move /utilities/flexbox to /utilities/flex to match name of SCSS fileMark Otto1-1/+1
2017-07-01cleanup offsetsMark Otto1-1/+1
2017-06-15Fix duplicate ID in our documentationJohann-S1-13/+13
2017-06-14Rename .form-control-static to .form-control-readonly-plainPatrick H. Lauke1-4/+4
2017-06-13copy tweaksMark Otto1-3/+1
2017-06-13Merge branch 'form-tweaks' of https://github.com/twbs/bootstrap into form-tweaksMark Otto1-6/+6
2017-06-13rearrange, new examples, new docsMark Otto1-505/+369