Examples: query, "exact match", wildcard*, wild?ard, wild*rd
Fuzzy search: cake~ (finds cakes, bake)
Term boost: "red velvet"^4, chocolate^2
Field grouping: tags:(+work -"fun-stuff")
Escaping: Escape characters +-&|!(){}[]^"~*?:\ with \, e.g. \+
Range search: properties.timestamp:[1587729413488 TO *] (inclusive), properties.title:{A TO Z}(excluding A and Z)
Combinations: chocolate AND vanilla, chocolate OR vanilla, (chocolate OR vanilla) NOT "vanilla pudding"
Field search: properties.title:"The Title" AND text
Buttons - how to vertical align to a row

Can this be done ? Adding a button to a row looks very messy. Are there any other options wrt rectangluar buttons, alignment, size


Posted 13 days ago
Votes Newest


Unfortunately, middle-align is not a supported inline style. Here are some workarounds:

Use padding for cells in rows that contain a button

This helps a little, though the positioning is not universal, depending on user layout preferences (condensed vs spacious etc)

	<td style="padding:0.4rem 0.2rem">Something goes here</td>
	<td><button name="x">Hello</button</td>

Use divs to replicate tables

A lot more markup, but alignment ships automatically

<div style="display:table">
<div style="display:table-row">
<div style="display:table-cell;padding-right:1rem">Something</div>
<div style="display:table-cell;padding-right:1rem">Something goes here</div>
<div style="display:table-cell"><button name="q">Hello</button></div>
<div style="display table-row">
<div style="display:table-cell;padding-right:1rem">Something goes here</div>
<div style="display:table-cell;padding-right:1rem">Something</div>
<div style="display:table-cell"><button name="y">Hello</button></div>
Posted 13 days ago
Edited 13 days ago
Yong Sheng Tan
10 × 1 Administrator
1 Answer
13 days ago
13 days ago