-
Notifications
You must be signed in to change notification settings - Fork 151
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Support for multiple lines in label? #25
Comments
Hi @SeminAl , As you mentioned, the label text is expected to be in one line, and that's how it was built. Else the design will fail. But I can imagine use cases of multi line label. May be in the next release I will come up with a solution for this. Thanks! |
Hi @SeminAl , I just made a fiddle for multi line label. Let me know if that helps. Thanks! |
That's exactly what I was looking for :) Thank you! |
@lokesh-coder Want to integrate your fiddle into the repo? |
Great. I used |
why this multi line label hasn't integrated into repo yet? |
If you're using icons you'll need to do: .pretty .state label:after,
.pretty .state label:before,
.pretty.p-icon .state .icon {
top: 0;
} |
To size the labels relative to the parent div, change the width in .pretty to 100%. Allows the labels to be =pretty= responsive.
|
This is really a big issue and should be fixed as soon as possible. |
Great fix, I made a little change:
Then the svg image is also in the right place! |
I was able to make pretty check box handle wrapping of long text for labels and allow for click-able links within them with the following: .pretty .state label { /* This will make the use of an svg align correctly, you may need to add other formats if you use them. */ /* Make pretty checkbox handle links in labels, thanks goes to pmonte, for a pointer in the right direction */ |
I have spent several hours trying to make pretty checkbox with multiple lines of text in label, but no success... This was not planned from the beginning or am I wrong?
The text was updated successfully, but these errors were encountered: