Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhancement: use a Bootstrap input group for the bulk manager dropdown and "Go" button #164

Open
robbieaverill opened this issue Feb 25, 2018 · 2 comments

Comments

@robbieaverill
Copy link
Contributor

E.g.: https://getbootstrap.com/docs/4.0/components/input-group/#custom-select

image

This could replace the custom styles currently in use here:

image

Currently however this is not particularly easy to implement using the SS 4.0 framework in the CMS. If you're keen you'd probably need to use a CompositeField of some sort and render it to a custom template. See an example of that here: https://github.com/dnadesign/silverstripe-elemental/blob/be7c88b926bbd3adf2808811bc8d6264a0f3efb6/templates/DNADesign/Elemental/Forms/TextCheckboxGroupField.ss (not ideal, but an example)

@colymba
Copy link
Owner

colymba commented Feb 26, 2018

@robbieaverill the old (and pretty bad) looking buttons were bothering me too actually, and I had made some updates which I just pushed into 3.0. Not using bootstrap and makes use of the SS4 component better...

Do you know if we would gain anything specific in terms of UI/UX with Bootstrap?

Looks like this:
screen shot 2018-02-26 at 9 21 08

@robbieaverill
Copy link
Contributor Author

Ah nice! Benefits of using bootstrap is consistency with the SS4 core user interface mostly. You can use the web pack config module to expose the SS4 core bootstrap variables for colours and spacing etc, and would allow UIs to follow consistent patterns. There’s a SilverStripe UX repository with Sketch files if you’re interested too :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants