Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Checkbox in Scrollspy. Long checkbox text.

Szymon Runtz free asked 4 years 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 4 years ago

Hi @Szymon Runtz,

Can you send me part of your code?


Arkadiusz Idzikowski staff commented 4 years 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.


Konrad Stępień staff commented 4 years ago

You have this same form control for two checkboxes.

can you set this style for the component?

    white-space: pre-wrap;

Szymon Runtz free commented 4 years 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.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

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