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")
Escape special characters +-&|!(){}[]^"~*?:\ - 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
Answered
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

file

  
  
Posted 10 months ago
Votes Newest

Answers


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)

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

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>
<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>
</div>
</div>
  
  
Posted 10 months ago
Edited 10 months ago
Yong Sheng Tan
39 × 2 Administrator
2K Views
1 Answer
10 months ago
10 months ago