Is there a minimum width for the annotation background box

Home Forums Puzzles Is there a minimum width for the annotation background box

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25004
    Avatarjaspixel
    Newbie

    Hi,

    I am trying to style the annotation window size, but cannot set the annotation background width to less than 200px.

    I can control the background height ok, but when I set the width to be less than 200px, the window does not reduce to the new size of say 100px.

    How should I set the parameters for the background width and height, as used in my puzzle shown here in the screen grab attached please, as am unsure?

    Many thanks for any help.

    Jas

    • This topic was modified 3 days, 19 hours ago by Avatarjaspixel.
    Attachments:
    You must be logged in to view attached files.
    #25031
    Yuri KovelenovYuri Kovelenov
    Developer

    Hi,

    please see this page for styling of annotations
    https://www.soft8soft.com/docs/manual/en/introduction/Styling-Verge3D-Apps.html#Annotations

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #25050
    Avatarjaspixel
    Newbie

    Hi Yuri,

    Thanks for your reply. I had seen this already and have tried this below in my css, but it will not go below 200px, changeds to red fine and height can bet set as I want, just not a small width.

    .v3d-annotation-dialog {
    background: red;
    width:100px;
    }

    I’ve tried Max-width also and is no better.

    How should I set .background-size in css please. Is this a better way to alter the popup size instead of standard width and height?

    I feel so close, just cant get this bit right.

    Many thanks again for your help. I’m looking to buy a license as soon as I can complete what I want to do. I spent weeks trying to get Blend4web right, but this seems much better.

    Thanks again.

    Jas :good:

    #25051
    Yuri KovelenovYuri Kovelenov
    Developer

    Try changing the min-width property instead:

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #25061
    Avatarjaspixel
    Newbie

    Aha genius, thank you. My limited coding skills didn’t think to define the opposite :scratch:

    Thanks so much Yuri. To fully define the width I did a bolts and braces approach which works:

    .v3d-annotation-dialog {
    background: red;
    min-width:70px;
    max-width:70px;
    width:70px;
    height:200px;
    }

    Many thanks again, I am enjoying playing with Verge3D, great work.

    Best,

    Jas

    #25071
    Yuri KovelenovYuri Kovelenov
    Developer

    glad it helped! :good:

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.