# How set top and left position of a dialog

**URL:** <https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689>\
**Category:** Uncategorized\
**Created:** [November 19, 2018, 2:47pm UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689 "2018-11-19T14:47:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![pgrasseni](https://forum.radzen.com/letter_avatar_proxy/v4/letter/p/cdc98d/32.png) [@pgrasseni](https://forum.radzen.com/u/pgrasseni)\
**Post date:** [November 19, 2018, 2:47pm UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/1 "2018-11-19T14:47:46Z")

</div>

Hi, with handler "Open dialog" is possible set size of dialog and it is showed in the center of screen.  
How I can set top&left position or its vertical and horizontal alignment (left,center,right)?

Thanks

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [November 19, 2018, 4:37pm UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/2 "2018-11-19T16:37:49Z")

</div>

Not possible at the moment however we will add left and top in the next version similar to width and height.

---

<div class="post-metadata">

**Author:** ![pgrasseni](https://forum.radzen.com/letter_avatar_proxy/v4/letter/p/cdc98d/32.png) [@pgrasseni](https://forum.radzen.com/u/pgrasseni)\
**Post date:** [November 20, 2018, 7:32am UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/3 "2018-11-20T07:32:10Z")

</div>

Thanks, could you suggest a temporary workaround to do it?

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [November 20, 2018, 7:32am UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/4 "2018-11-20T07:32:52Z")

</div>

There is no workaround.

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [November 20, 2018, 3:19pm UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/5 "2018-11-20T15:19:20Z")

</div>

This is included in our just released Radzen 2.8.0!

 ![image](https://forum.radzen.com/uploads/default/original/1X/1037ada0c610a1289823abf33a0316a3c1f7b650.png)

---

<div class="post-metadata">

**Author:** ![Hivoltech](https://forum.radzen.com/user_avatar/forum.radzen.com/hivoltech/32/1308_2.png) [@Hivoltech](https://forum.radzen.com/u/Hivoltech)\
**Post date:** [November 6, 2019, 12:39am UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/6 "2019-11-06T00:39:52Z")

</div>

How about the right side? is there a trick to that. The CSS doesnt seem to work as far as moving the dialog to the right side. the style setting in the div\<\> seem to override the custom style.css sheet

@media {  
.ui-dialog {  
right: 0px;  
width: 30% !important;  
height: 100% !important;

```
    }
}

```

Thanks

---

<div class="post-metadata">

**Author:** ![indra\_yulianto](https://forum.radzen.com/user_avatar/forum.radzen.com/indra_yulianto/32/5401_2.png) [@indra\_yulianto](https://forum.radzen.com/u/indra_yulianto)\
**Post date:** [December 13, 2020, 9:35am UTC](https://forum.radzen.com/t/how-set-top-and-left-position-of-a-dialog/689/7 "2020-12-13T09:35:42Z")

</div>

how about right position? is there any fix yet?