We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Multi-line annotation styling

Home Forums Programming Multi-line annotation styling

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #56132
    praeluceo
    Participant

    Hi everybody,
    a quick question (please see the screenshot attached).
    I am trying to create a multi-line annotation. Unfortunately I can’t seem to use the CSS styles to include the second and the third annotation line. I want the second and the third line to be inside the bordered box of the first line, and not floating outside.
    Is there any workaround?
    Thanks in advance!

    Attachments:
    You must be logged in to view attached files.
    #56147

    you need to change .v3d-dialog css style for more flexebility.

    Co-founder and lead graphics specialist at Soft8Soft.

    #56148
    praeluceo
    Participant

    Hi Mikhail,
    thanks for the quick reply.
    I’ve tried to set the same styling for both “.v3d-annotation” and “.v3d-annotation-dialog”, but without any luck.

    .v3d-annotation {
    border-radius: 0px;
    background: rgba(0, 255, 0, 0.8);
    }

    .v3d-annotation-dialog{
    border-radius: 0px;
    background: rgba(0, 255, 0, 0.8);
    }

    [you wrote “.v3d-dialog css”, though it isn’t described here:
    Styling Annotations
    so, is “.v3d-dialog” valid?]

    .v3d-dialog{
    border-radius: 0px;
    background: rgba(0, 255, 0, 0.8);
    }

    Is there any specific CSS I’m missing?
    Thanks a lot!

    #56150
    kdv77kdv
    Participant

    .v3d-annotation-dialog

    an annotation dialog becomes multi-lined automatically. there’s no need to change its style.

    Just assign width and height for an annotation to make it multi-lined

    #56155
    praeluceo
    Participant

    kdv77kdv thx for the reply,
    yes indeed, the annotation dialog becomes multi-lined automatically.
    But what if I need to put an HTML line break within (see my example image from the original post), like <br>- or <p>-tag?

    #56157
    kdv77kdv
    Participant

    But what if I need to put an HTML line break within

    No problem. An annotation dialog understands the <br> tag and breaks the line.

    #56159
    praeluceo
    Participant

    I’ll try to explain better what my problem is. Please have a look at the image attached. I’ve created a brand new project to demonstrate the problem.
    The code in the puzzle is:
    <strong>Lorem ipsum</strong><br>Second line<br>Third line
    The result is, that the second and third line are not within the style of the first line.
    Is there any way to style the second and the third line the same way as the first one?
    Thanks!

    Attachments:
    You must be logged in to view attached files.
    #56161
    kdv77kdv
    Participant

    Read this once more. The second part.

    #56162
    praeluceo
    Participant

    Me bad, figured it out -thx for your last example.
    I’ve been trying to put the whole text in the “annotation” field, which apparently doesn’t work – but inside the “with:” area the styling works. Thanks a lot again for help!

    #56163
    kdv77kdv
    Participant

    which apparently doesn’t work

    Well, it works if you assign width and height for an annotation name. See my first screenshot. But it’s better to use an annotation dialog to show long texts )))

    #56164
    praeluceo
    Participant

    Ahhh, gotya! Thank a lot again, perfect ))!

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.