This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

Custom value select width
#1
Is it possible to control the custom value select popup for specific objects by custom CSS class on the object? (via css or JS)
Or is it only possible to do that for all custom value select or even all popups?

I currently use


.control-vselect ul {
  max-width : 98px;
}

but that's on all custom value select
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply
#2
Additional classes are added to popover controls with pcontrol- prefix. If you use custom class then the CSS rule should be .pcontrol-custom ul.
Reply
#3
thx admin,

but not sure I understood 100%,
What I did:
- add 'myClass' as additional class to object item
- added in css: .pcontrol-myClass ul { ... }

looking into the dev console I see myClass is indeed added to the object control classes.
But I can't see the pcontrol-myClass in the classes of the popover control
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply
#4
Which firmware version?
Reply
#5
201808
I guess an upgrade is advisable Smile

just upgrade to 202112 and solved Smile

thx
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply
#6
(01.06.2022, 08:31)cdebackere Wrote: 201808
I guess an upgrade is advisable Smile

just upgrade to 202112 and solved Smile

thx

One more question: how can we achieve something similar (set width) for a direct input field?

I tried several logic opitions, but none had any effect
.pcontrol-BWwidth popover-content {
  max-width : 98px;
}
.pcontrol-BWwidth input-prepend {
  max-width : 98px;
}
.pcontrol-BWwidth input-append {
  max-width : 98px;
}
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply
#7
You are missing a dot before class names in CSS rules.
Reply
#8
SO ******* stupid of me Smile Glad it's weekend again
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply


Forum Jump: