Vue Common - Object Structures - positionConfig - at
Specifies the target element's side or corner where the overlay element should be positioned.
Accepted Values: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top'
To set this option, use an object with the x and y fields. These fields specify the target element's horizontal and vertical sides, respectively. Alternatively, you can use a string shortcut from the accepted values list.
App.vue
- <template>
- <DxPopup ... >
- <DxPosition
- at="left top">
- <!-- or -->
- <DxAt x="left" y="top" />
- </DxPosition>
- </DxPopup>
- </template>
- <script>
- import 'devextreme/dist/css/dx.common.css';
- import 'devextreme/dist/css/dx.light.css';
- import DxPopup, {
- DxPosition,
- DxAt
- } from 'devextreme-vue/popup';
- export default {
- components: {
- DxPopup,
- DxPosition,
- DxAt
- }
- }
- </script>
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.