-
FEATURED COMPONENTS
First time here? Check out the FAQ!
I want to use empty message of chosenbox with a diferent styling of the user input, but there is no css class to distinguish both. Here is one image of what I need to do: h**p://i61.tinypic.com/2zsbhw0.png
Zk Team, can you extend the chosenbox to allow this behavior? If not, how I can archive this behavior?
Thanks a lot,
Waiting for one reply,
Hello eclipse2,
You could extend the chosenbox and create your own implementation as you can see at the following url:
http://forum.zkoss.org/question/91906/extend-the-chosenbox-component/
Futhermore at the following url you can find more information on Extending and Customizing a ZK Component as a Separate Component:
http://ben-bai.blogspot.gr/2013/01/extending-and-customizing-zk-component.html
Best Regards,
Darksu
I made one trick that can simulate the placeholder using css.
.z-chosenbox {
&-input {
.fontStyle (@baseContentFontFamily , @fontSizeMedium , normal , @colorInputTextColorPlaceholder);
font-style: italic;
&:focus {
.fontStyle (@baseContentFontFamily , @fontSizeMedium , normal , @baseTextColor);
font-style: normal;
}
}}
On loose focus, the default behavior of ZK is delete in wrong text placed by user. What I do is add the italic styling has one placeholder, and on focus remove the placeholder styling.
Asked: 2014-10-28 18:22:26 +0800
Seen: 17 times
Last updated: Nov 13 '14
Tooltips in chosenbox elements
extend the chosenbox component
Multiple of same composite component on one zul
How to let chexkbox horizontally arranged
Choosenbox : selectedObjects background color
radiogroup onCheck/onChange not calling to the binded command
Can't catch onSearch event when using SimpleListModel with chosenbox
If you still have issues extending chosenbox, please contact [email protected].
vincentjian ( 2014-11-04 08:32:47 +0800 )edit