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

How to change the ColumnHeader and Toolbar height ? #278

Open
avacondios opened this issue Oct 12, 2013 · 6 comments
Open

How to change the ColumnHeader and Toolbar height ? #278

avacondios opened this issue Oct 12, 2013 · 6 comments

Comments

@avacondios
Copy link

As the title ....for the grid widget.

Thanks

@vitmalina
Copy link
Owner

Create a CSS file and load it after you load w2ui.css or put inside STYLE tag on the page.

.w2ui-grid .w2ui-grid-toolbar {
    padding: 14px 5px;
    height: 50px;
}

.w2ui-grid .w2ui-grid-header {
    padding: 14px;
    font-size: 20px;
    height: 50px;
}

@nbsynch
Copy link

nbsynch commented May 11, 2017

This method no longer works for header 1.5rc1 for the header. It works for the toolbar. Is there a new method for this?

@vitmalina
Copy link
Owner

Should still work

@nbsynch
Copy link

nbsynch commented May 11, 2017

Here is a fiddle where the toolbar get's sized correctly but the header does not.

http://jsfiddle.net/bpr3pwa5/

@nbsynch
Copy link

nbsynch commented May 19, 2017

I had a chance to take a look and this is some CSS that did work for me

.w2ui-grid .w2ui-grid-columns .w2ui-head {
    height: 100px;
}

@mrg2001
Copy link
Collaborator

mrg2001 commented May 29, 2017

Yes, last CSS comment works for me too.

@mrg2001 mrg2001 reopened this May 29, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants