[CLOSED] Changing the grid inline editor height in Material Theme

  1. #1

    [CLOSED] Changing the grid inline editor height in Material Theme

    We have changed the grid row height, material theme, using css.
    First, we defined a height on the x-grid-item class but that didn't help, and when we changed the padding on x-grid-cell-inner we were able to get the height we wanted.

    .x-grid-cell-inner {
        padding: 6px 6px !important;
    the issue is that the inline editors in the grid still have a very large height to fit the old row height (you can see that in the image).
    Click image for larger version. 

Name:	inlineeditor.png 
Views:	3 
Size:	3.9 KB 
ID:	25307
    what is the correct way to overwrite the row height so it applies to the editors as well?
    Last edited by fabricio.murta; Jan 24, 2020 at 4:43 PM. Reason: Wrap code in [code][/code] tags.
  2. #2
    Hello @baruch.gabo!

    This one's pretty tricky, but I could get the behavior for what I deem to be close to what you need by also making this CSS override:

    .x-grid-cell-editor, .x-grid-editor .x-form-item-body {
        padding: 0px 6px;
    Hope this helps!

    p.s.: as you didn't provide any test case, I used the GridPanel > Editable > Editor with DirectMethod example as a base to reproduce the effects change in the Material theme.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Great. That's exactly what we were looking for.
  4. #4
    Glad it helped, thanks for the feedback!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [FIXED] [#1650] New Theme Material Issue
    By Master15 in forum Bugs
    Replies: 5
    Last Post: Sep 20, 2019, 1:14 PM
  2. Small bug in Ext.Net 5 examples (Material Theme)
    By CarWise in forum Examples and Extras
    Replies: 1
    Last Post: Sep 19, 2019, 8:13 PM
  3. [OPEN] [#283] Grid cell editor height
    By jchau in forum 2.x Premium Help
    Replies: 6
    Last Post: Jun 21, 2013, 6:11 AM
  4. Theme changing not applying in side tabs
    By arunsathyan in forum 1.x Help
    Replies: 3
    Last Post: Jul 23, 2010, 9:25 AM
  5. Replies: 11
    Last Post: Mar 03, 2010, 5:46 AM

Posting Permissions