Skip to main content
Nintex Community Menu Bar
Solved

Skuid popup border

  • July 11, 2024
  • 3 replies
  • 36 views

Forum|alt.badge.img+1

Is it possible to configure popup’s outline border in V1?

Best answer by Skuidward_Tentacles

Adding this inline css will allow you to manipulate the border, background and font shown in ALL popups on your page. It is a little harder, maybe impossible, to adjust a single popup as you would need the Id of the specific element and I was unable to isolate it. For “border” you’ll want to adjust “box-shadow”. Border-radius controls rounding of the corners.

.ui-dialog {

  border: 0;

  box-shadow: 0 0 0 6px red;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 10px;

   background: white;

  font-size: 13.33px;

  line-height: extract(null,null,13.3px,null, 5);

  box-sizing: content-box;

}

3 replies

Forum|alt.badge.img+17

Adding this inline css will allow you to manipulate the border, background and font shown in ALL popups on your page. It is a little harder, maybe impossible, to adjust a single popup as you would need the Id of the specific element and I was unable to isolate it. For “border” you’ll want to adjust “box-shadow”. Border-radius controls rounding of the corners.

.ui-dialog {

  border: 0;

  box-shadow: 0 0 0 6px red;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 10px;

   background: white;

  font-size: 13.33px;

  line-height: extract(null,null,13.3px,null, 5);

  box-sizing: content-box;

}

Forum|alt.badge.img+1
  • Author
  • Rookie
  • July 12, 2024

Thanks Raymond. It worked.


Forum|alt.badge.img+17

Great!