Checkbox in Scrollspy. Long checkbox text.

Topic: Checkbox in Scrollspy. Long checkbox text.

runtz asked a year ago

Hi!

I want use a checkbox in scrollspy. I have a problem with the checkbox text description. My text is longer than width scrollspy so it should be on a few lines. Actually text is only in one line and scrollspy cut the text at the end of the first line. I found the resolved for this problem but it was about all page.

I found a solution for this problem, but it concerned the whole page. My problem is included only in scrollspy.

Could you help me ?

Konrad Stępień staff commented a year ago

Hi @Szymon Runtz,

Can you send me part of your code?

Szymon Runtz commented a year ago

enter image description here

I have a next question. I have 2 position in SQL Management (!agreement.typeAgreement). Why the Scrollspy opens twice? I see my mistake but I have no idea how to open it once.

Konrad Stępień staff commented a year ago

You have this same form control for two checkboxes.

can you set this style for the component?

    white-space: pre-wrap;

Arkadiusz Idzikowski staff commented a year ago

Did you update the MDB Angular package to the newest version? The problem with checkbox text-overflow should be resolved in v8.9.0.

As for your second question, please consider creating new ticket to avoid confusion. We would like to keep one topic for discussion on one particular problem (provided that the problems are not directly related to each other).

We would need some more information to reproduce this problem. If it's possible please send a simple demo to a.idzikowski@mdbootstrap.com.

Add comment

Write

Create snippet

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: Angular
MDB Version: 8.9.0
Device: PC
Browser: Google Chrome
OS: Windows
Provided sample code: No
Provided link: No

Szymon Runtz

5Support score
1Questions 0Answers

0Snippets likes 0Snippets

Service	Why?	Agreement
Essential cookies	These cookies are strictly necessary to provide you with services available through our websites and to use some of its features, such as access to secure areas. Because these cookies are strictly necessary to deliver the websites, you cannot refuse them without impacting how our websites function. You can block or delete them by changing your browser settings.	No Yes
Functional	These cookies are used to enhance the performance and functionality of our websites but are non-essential to their use. However, without these cookies, certain functionality may become unavailable. These cookies are served by brandflow.net.	No Yes
Google AdWords	These cookies are used to make advertising via Google AdWords messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes
Facebook Pixel	These cookies are used to make advertising Facebook messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.	No Yes

Szymon Runtz

Privacy Preferences