Skip to content

Commit febb0a9

Browse files
committed
Changing the docs on how you customize the autocomplete css
The issue is that Flex really likes you to keep the same keys under `autoimport`, and will replace with the original keys. So, we keep the original keys, set to false, then import the new one manually.
1 parent aec7c40 commit febb0a9

File tree

1 file changed

+10
-3
lines changed

1 file changed

+10
-3
lines changed

src/Autocomplete/src/Resources/doc/index.rst

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -175,15 +175,22 @@ includes a CSS file for Tom Select.
175175
}
176176
177177
This should give you basic styles for Tom Select. If you're using
178-
Bootstrap, you can get Bootstrap-ready styling by changing this
179-
line to:
178+
Bootstrap, you can get Bootstrap-ready styling by (A) changing this
179+
line to ``false``:
180180

181181
.. code-block:: text
182182
183183
"autoimport": {
184-
"tom-select/dist/css/tom-select.bootstrap5.css": true
184+
"tom-select/dist/css/tom-select.default.css": false
185185
}
186186
187+
And then (B) importing the Bootstrap-css file:
188+
189+
.. code-bock:: css
190+
191+
/* assets/styles/app.css
192+
@import 'tom-select/dist/css/tom-select.bootstrap5.css';
193+
187194
To further customize things, you can override the classes with your own custom
188195
CSS and even control how individual parts of Tom Select render. See `Tom Select Render Templates`_.
189196

0 commit comments

Comments
 (0)