# Wijmo.Popupposition

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								PopupPosition Enumeration
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Represents the position of a popup element with respect to a
									reference element.</p>
								</div>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Enumeration members
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#above" class="tsd-kind-icon">Above</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#aboveleft" class="tsd-kind-icon">Above<wbr>Left</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#aboveright" class="tsd-kind-icon">Above<wbr>Right</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#below" class="tsd-kind-icon">Below</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#belowleft" class="tsd-kind-icon">Below<wbr>Left</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#belowright" class="tsd-kind-icon">Below<wbr>Right</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#left" class="tsd-kind-icon">Left</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#leftbottom" class="tsd-kind-icon">Left<wbr>Bottom</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#lefttop" class="tsd-kind-icon">Left<wbr>Top</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#right" class="tsd-kind-icon">Right</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#rightbottom" class="tsd-kind-icon">Right<wbr>Bottom</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo.popupposition.html#righttop" class="tsd-kind-icon">Right<wbr>Top</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Enumeration members</h2>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="above" class="tsd-anchor"></a>
								<h3>Above</h3>
								<div class="tsd-signature tsd-kind-icon">Above<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;0</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Above the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="aboveleft" class="tsd-anchor"></a>
								<h3>AboveLeft</h3>
								<div class="tsd-signature tsd-kind-icon">Above<wbr>Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;11</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Above and aligned to the left of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="aboveright" class="tsd-anchor"></a>
								<h3>AboveRight</h3>
								<div class="tsd-signature tsd-kind-icon">Above<wbr>Right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;1</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Above and aligned to the right of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="below" class="tsd-anchor"></a>
								<h3>Below</h3>
								<div class="tsd-signature tsd-kind-icon">Below<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;6</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Below the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="belowleft" class="tsd-anchor"></a>
								<h3>BelowLeft</h3>
								<div class="tsd-signature tsd-kind-icon">Below<wbr>Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;7</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Below and aligned to the left of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="belowright" class="tsd-anchor"></a>
								<h3>BelowRight</h3>
								<div class="tsd-signature tsd-kind-icon">Below<wbr>Right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;5</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Below and aligned to the right of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="left" class="tsd-anchor"></a>
								<h3>Left</h3>
								<div class="tsd-signature tsd-kind-icon">Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;9</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the left of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="leftbottom" class="tsd-anchor"></a>
								<h3>LeftBottom</h3>
								<div class="tsd-signature tsd-kind-icon">Left<wbr>Bottom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;8</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the left and aligned to the bottom of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="lefttop" class="tsd-anchor"></a>
								<h3>LeftTop</h3>
								<div class="tsd-signature tsd-kind-icon">Left<wbr>Top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;10</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the left and aligned to the top of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="right" class="tsd-anchor"></a>
								<h3>Right</h3>
								<div class="tsd-signature tsd-kind-icon">Right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;3</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the right of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="rightbottom" class="tsd-anchor"></a>
								<h3>RightBottom</h3>
								<div class="tsd-signature tsd-kind-icon">Right<wbr>Bottom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;4</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the right and aligned to the bottom of the reference element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="righttop" class="tsd-anchor"></a>
								<h3>RightTop</h3>
								<div class="tsd-signature tsd-kind-icon">Right<wbr>Top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;2</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>To the right and aligned to the top of the reference element.</p>
									</div>
								</div>
							</section>
						</section>
					</div>