# Popover

## Description:

Popover

Popover is a component which displays a box with a content. It is comparable to the tooltips but can contain more content. Popovers are usualy activated with a click and can be easily applied to any element.

### Allowed Parent Components:

1. Action Button
2. Aggregate Card
3. Attachment Column
4. Attachment Upload
5. Attribute
6. Auto Breadcrumb
7. Badge
8. Barcode Scanner
9. Bing Map
10. Bing Map Navigator
11. Breadcrumb
12. Breadcrumb Item
13. Button
14. Button Dropdown
15. Button Group
16. Calculated Column
17. Calculated Number Column
18. Calculated String Column
19. Calendar
20. Calendar Heatmap
21. Capture Image
22. Card Body
23. Card Footer
24. Card Header
25. Card Header Icon
26. Card Wrapper
27. Change Role
28. Char Circle
29. Chart
30. Chart
31. CheckBox
32. Checkbox Column
33. Checkbox Column
34. Col
35. Collaboration
36. Color
37. Color Formatter
38. Color Range
39. Color Select
40. Combination Chart
41. Connection Popover
42. Custom Renderer Column
43. DIV
44. Data Column
45. Data Model Designer
46. Date
47. Date Column
48. Date Column
49. Date Column
50. Date Field
51. Date Search Field
52. Drag Source Wrapper
53. Drop Target Wrapper
54. Dynamic Formula Number Column
55. Dynamic Formula String Column
56. EmbedPage
57. Footer
58. Form
59. Form Search
60. Fusion Chart
61. Gantt Chart
62. Gauges
63. Google Drive Attachment Column
64. Google Navigator
65. Grid Personalization Menu
66. Gridster Personalization Menu
67. Group Filter
68. H1
69. H2
70. H3
71. H4
72. H5
73. HTML
74. Handle
75. Heat Map Chart
76. Hidden Column
77. IFrame
78. IOT Device Drag Source
79. Icon
80. Icon Column
81. Icon Column
82. Icon Menu
83. Icon Select
84. Image
85. Image Cropper
86. Info Box
87. InfoWindow
88. Kanban Board
89. Kanban Column
90. Lov Column
91. Monaco Editor
92. Multi Field
93. Multi Level Pie Chart
94. Multi Select LOV
95. Multi Series Chart
96. Node Graph
97. Number
98. Number Column
99. Number Column
100. Number Column
101. Number Field
102. Number Search Field
103. OCR Component
104. Order By Param
105. Organization Chart
106. Pagination
107. Paragraph
108. Password Field
109. PivotGrid
110. Pointer
111. Popup
112. Progress
113. Progress Bar
114. Progress Bar Color
115. Progress Column
116. Query Additional Datasource
117. Query Param Indicator Icon
118. Quick Filter
119. Quick Filter Attribute
120. RadioBox
121. Rich Text Editor
122. Row
123. Row Action
124. Row Col Column
125. Row Number Column
126. Row Selection Column
127. Saved Search Menu
128. Scanner Field
129. Select
130. Select Column
131. Select Column
132. Set Data
133. Sheet Data
134. Side Tab Item
135. Side Tab Panel
136. Slide Toggle
137. Slide Toggle Column
138. Slider
139. Smart Search Filter
140. Source Query Param
141. Star Rating
142. String Column
143. String Column
144. String Column
145. Summary
146. Switch Column
147. Switch Column Case
148. Tab Panel Control
149. Tags Input
150. Text Field
151. Thumbnail
152. Timeline
153. Tree Column
154. User Pic Column
155. User Picture
156. Video
157. Video Recorder
158. Wave
159. Wave Column
160. Wizard Step
161. Wizard Steps
162. Workflow Viewer
163. XY Chart
164. ZoomLine Chart

### Allowed Child Components:

1. Card Wrapper
2. Data Model Designer
3. Row
4. Workflow Viewer

### Properties

### ➤ Show

Check this to view the Popover during designer mode

Allowed Values: Yes/No

### ➤ Placement

Select an option to set the Popper placement.

Allowed Values:

1. top
2. right
3. bottom
4. left

### ➤ Show Delay

Time in milliseconds to delay showing this popover after the mouse enter

Allowed Values: Any number value

### ➤ Hide Delay

Allowed Values: Any number value


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/popover.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.