It's not just CSS, it's JavaScript as well. the element ignores it. If i add id to f:select, it is removed in the html. if i use the auto generated name (_.XYZ) i can find the element and apply the changes but then i lose the binding.
I need to find a way to have both the binding and the pretty look On Wednesday, May 12, 2021 at 5:50:21 PM UTC+3 [email protected] wrote: > Why can't you apply CSS to it? > > Are you missing attributes? Do you need to change the markup? > > Better to avoid forking core widgets if you can as then plugins get out of > sync when we make changes in core, and it was a real pain when we did the > form modernisation work, > and any plugins that fork the widgets will look inconsistent if/when > there's follow up work > > On Wed, 12 May 2021 at 15:01, Ullrich Hafner <[email protected]> wrote: > >> They only way I see is to copy the select.jelly ( >> https://github.com/jenkinsci/jenkins/tree/master/core/src/main/resources/lib/form >> ) >> into your plugin and try to rewrite it so that it works with your JS and >> CSS. >> >> Am 12.05.2021 um 09:15 schrieb Daniel Akua <[email protected]>: >> >> I am using this element in a "build environment" step in the >> configuration page. >> And I must use the f:select because i need the binding. >> >> On Tuesday, May 11, 2021 at 10:48:59 PM UTC+3 [email protected] wrote: >> >>> Where do you want to use the element? In one of your views? Or in a job >>> configuration page? >>> >>> It is not required to use a f:select. Can’t you directly use the select >>> or what is missing in that case (data binding?)? >>> >>> Am 10.05.2021 um 11:37 schrieb Daniel Akua <[email protected]>: >>> >>> Hi all, >>> >>> In my plugin I have a <f:select> element with the multiple attribute >>> (multi-select) that is changing according to another field. >>> My problem is that I want to apply JavaScript and CSS to it to make it >>> look better than the standard multi-select element. >>> >>> it currently looks like this: >>> >>> <before.png> >>> >>> and I want it to look something like this: >>> >>> <after.PNG> >>> >>> I have the required JS and CSS files and it is working on a normal >>> <select> element but not on <f:select>. >>> >>> How do I apply JavaScript and CSS on <f:select>? >>> Is there some guide on how to do it? >>> >>> Tips or links will be appreciated. >>> >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Jenkins Developers" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/jenkinsci-dev/5c068520-dace-47bf-beff-5fbdc7392038n%40googlegroups.com >>> >>> <https://groups.google.com/d/msgid/jenkinsci-dev/5c068520-dace-47bf-beff-5fbdc7392038n%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> <before.png><after.PNG> >>> >>> >>> >> -- >> You received this message because you are subscribed to the Google Groups >> "Jenkins Developers" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/jenkinsci-dev/29e9b8b5-8ae2-4059-b40e-26053dfe58c7n%40googlegroups.com >> >> <https://groups.google.com/d/msgid/jenkinsci-dev/29e9b8b5-8ae2-4059-b40e-26053dfe58c7n%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Jenkins Developers" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> > To view this discussion on the web visit >> https://groups.google.com/d/msgid/jenkinsci-dev/E2CAF2E0-D4E5-4EA6-8A8E-E126AA9581AD%40gmail.com >> >> <https://groups.google.com/d/msgid/jenkinsci-dev/E2CAF2E0-D4E5-4EA6-8A8E-E126AA9581AD%40gmail.com?utm_medium=email&utm_source=footer> >> . >> > -- You received this message because you are subscribed to the Google Groups "Jenkins Developers" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-dev/a7ef2e84-861e-4937-b5e3-62ebc21765b2n%40googlegroups.com.
