Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

jQuery Mobile

dto1

Trying to Limit Radio Labels to 2 lines max. running into issues

in jQuery Mobile • 7 years ago

Hi I'm trying to find out how to solve this issue.

I'm trying to limit the number of lines inside a Radio Labels to 2 lines max. So far I can only come up to this far.

It looks like it almost made it to two lines but the 3rd line keep on showing. Do anyone know how to hide the last line of text in the second Radio button?

https://jsfiddle.net/qf0shm3r/

Also after that is solve how do I figure out if the second radio button has text that has been overflowed.

Thank You.

Replies(2)

watusiware

Re: Trying to Limit Radio Labels to 2 lines max. running into issues

7 years ago

I don't know that I'd be using calc CSS just yet!

http://caniuse.com/#feat=calc

You might find jquery.dotdotdot useful for part of the solution:

http://dotdotdot.frebsite.nl

Re: Trying to Limit Radio Labels to 2 lines max. running into issues

7 years ago

Hi Dear,

Please try this css class. Email me to discuss more if you have any issue.

.radio_label {

overflow: hidden;

line-height: 22px;

max-height: 32px;

}

https://jsfiddle.net/saurabhgoel/qf0shm3r/3/

Thanks

Email : saurabh.goyal6@gmail.com

Leave a comment on saurabh.goyal6's reply

Change topic type

Topic Type :

No of days :

Link this topic

Provide the permalink of a topic that is related to this topic

Permalink

Reply to dto1's question

Top Reply

{"z45714626":[14737000006557408],"z7664639":[14737000006557415],"z30519730":[14737000006557527]}

Statistics

2 Replies
1589 Views
0 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

Trying to Limit Radio Labels to 2 lines max. running into issues

Replies(2)

Re: Trying to Limit Radio Labels to 2 lines max. running into issues

Re: Trying to Limit Radio Labels to 2 lines max. running into issues

Statistics

Tags

Actions