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

selectMultiMenu with the size of the column #954

Closed
rac021 opened this issue Jun 6, 2018 · 2 comments
Closed

selectMultiMenu with the size of the column #954

rac021 opened this issue Jun 6, 2018 · 2 comments
Assignees
Milestone

Comments

@rac021
Copy link

rac021 commented Jun 6, 2018

Hi,

How can we have a selectMultiMenu with the size of the column wherein it is

  <b:column>
      <b:selectMultiMenu >
               <f:selectItem itemLabel="Fiat" itemValue="1"/>
               <f:selectItem itemLabel="Honda" itemValue="2"/>
               <f:selectItem itemLabel="Opel" itemValue="3"/>
      </b:selectMultiMenu>
  </b:column>

Thanks

@stephanrauh
Copy link
Collaborator

stephanrauh commented Jun 7, 2018

Add these CSS rules:

<style>
	div > .btn-group {
		width:100%;
	}
	div > .btn-group > button {
		width:100%;
	}
	div > .btn-group > ul {
		width:100%;
	}
</style>

stephanrauh added a commit to TheCoder4eu/BootsFacesWeb that referenced this issue Jun 7, 2018
…Menu use the entire width of its surrounding column
@stephanrauh stephanrauh self-assigned this Jun 7, 2018
@stephanrauh stephanrauh added this to the v1.5.0 milestone Jun 7, 2018
@stephanrauh
Copy link
Collaborator

I've added the CSS rule to the documentation. In theory, it'd be better to make this the default because of the form-group, but that'd be a breaking change.

@stephanrauh stephanrauh modified the milestones: v1.5.0, v1.3.0 Oct 13, 2018
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

2 participants