Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2443

Grid: Overflow CSS overriden in z-grid-body

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Normal Normal
    • None
    • 7.0.3
    • Components, CSS
    • Windows 7, Internet Explorer 8, current Chrome

      I used a grid to layout components. Following style is applied.

      <style>
      	.z-grid-body { overflow: hidden !important; }
      </style>
      

      I had to add the "!important", because the grid would sometimes display unnecessary scroll bars. Setting overflow: hidden would not be enough because the z-grid-body has overflow: auto as ELEMENT STYLE. Even the default CSS for z-grid-body defines overflow: hidden, but it is overriden by the element style. Adding hidden !important again fixes it and really disables scrolling.

      So the problem here is the style="overflow:auto" on z-grid-body.

      Example to test:

      <zk>
      	<grid>
      		<columns>
      			<column />
      			<column />
      		</columns>
      
      		<rows>
      			<row>
      				hello
      				<textbox />
      			</row>
      			<row>
      				world
      				<textbox />
      			</row>
      		</rows>
      	</grid>
      </zk>
      

      See attached file for screenshot and final css. Note how the hidden of .z-grid-body is overriden by element style.

            Unassigned Unassigned
            Guido2406 Guido2406
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: