KJS1192
KJS1192

Reputation: 103

Remove space between Oracle APEX page items

I have created two APEX checkbox items on top of each other, one being the checkbox selections (complete, incomplete) and one being a select all option above it (with associated JavaScript to enable the select all functionality). Everything works great, but I am trying to remove the white space in between the page items.

The checkbox item with the selections has no label because the Select All item has the heading for both items to be treated as "one item" to the user. I think the template might still be accounting for the label padding, but I'm not sure.

Does anyone know a solution in order to remove the white space (I'd be find with a small amount of white space but right now it is very large and doesn't look visually appealing.

enter image description here

Upvotes: 2

Views: 3368

Answers (2)

Jason
Jason

Reputation: 101

Non-intuitive workaround:

  1. Switch the APEX item's Appearance > Template to "Optional" (or "Required"). That exposes the item's Layout Column Span attribute.
  2. Set Label Column Span to 0. That suppresses item's label so that it needs no extra white space around it for a label.

What contributes to the white space in your case: when an Apex Item > Appearance > is set to "Optional - Above" (or "Required - Above") that renders white space above the item (for the label) even for blank labels. Alas, that Appearance lacks an equivalent attribute to suppress the white space label.

That helps control the white space but perfecting it requires the additional solutions on this article to manage the item "margin" and "padding".

Upvotes: 1

Scott
Scott

Reputation: 5035

Open up the template options, and set the desired margin attributes to 'None'

enter image description here

Upvotes: 2

Related Questions