UserPopup Css

0
0

Hi,

I would like to add CSS class qx-combobox-popup-placementAbove. I tried the Mixin, but  do not know what to override, because UserPopup is not  a component in ThemeBuilder. Could you please help?

Thank you,

Page

 

 

  • Page Page
    sorry, I missed the styles class qx-combobox-popup-placementAbove: background-clip: border-box; box-shadow: rgb(122, 122, 122) 1px 1px 15px 0px; background-repeat: repeat; background-position: 0px 0px;
  • You must to post comments
0
0

Hi Page,

What CSS are you trying to override with the UserPopup?

You can also set the UserPopup’s CSS with the CssStyle property.

Also,

You can edit a theme on the fly with the ThemeBuilder.

  1. Open the Theme Builder
  2. Click Browser
  3. Enter your project URL
  4. Click the control you want to style

If you click your UserPopup in the ThemeBuilder, you’ll see it shows up under Widget.

If you want to override the UserPopup class with a mixin, you need to override wisej.web.UserPopup.

HTH,

Levie

  • You must to post comments
0
0

Hi Page,

I think I misunderstood your question.

The combobox control implements the qx.ui.core.MPlacement mixin in Wisej (https://github.com/iceteagroup/wisej-qx/blob/master/ui/core/MPlacement.js)

You’re able to manipulate the position and behavior of the dropdown by overriding these properties in the combobox. I’m attaching a mixin that demonstrates how to do this.

You can also find information about the qooxdoo API documentation here for control properties and styles: https://qooxdoo.org/qxl.apiviewer/#q

Let me know if you have any questions about it!

Best regards,

Levie

Attachment
  • Page Page
    Hi, exactly I would like to set box-shadow (with color buttonShadow) around UserPopup like the one around popup in ComboBox, so I tried some how to put css qx-combobox-popup-placementAbove to UserPopup Css (like css class in ComboBox) but its does not work. I found another solution to set css using javascript this.Eval(“this.getLayoutParent().getContentElement().setStyle(\”box-shadow\”,\”rgb(122, 122, 122) 1px 1px 15px 0px\”);”); . But it is not good because color should depend on theme.
  • You must to post comments
0
0

Hi Page,

You can add a shadow with the Theme Builder (see the attached screenshot).

Just add the shadow styles to whichever control you want (note the shadow color is the “control” color from the theme).

You can also add custom css to the style by adding a “css” style property.

You can make this work as a mixin too.

Hope that helps!

Best regards,

Levie

Attachment
  • You must to post comments
Showing 3 results
Your Answer

Please first to submit.