Is there a minimum width for the annotation background box

Tagged: annotation background minimum size limitation

This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by Yuri Kovelenov.

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

Author

Posts
2020-03-26 at 6:17 pm #25004

jaspixel
Customer

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

2020-03-27 at 8:50 am #25031

Yuri Kovelenov
Staff

Hi,

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

Chief 3D Verger | LinkedIn | Twitter

2020-03-27 at 12:30 pm #25050

jaspixel
Customer

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

2020-03-27 at 12:44 pm #25051
Yuri Kovelenov
Staff
Try changing the min-width property instead:
```
.v3d-annotation-dialog {
   background: red;
   min-width: 100px;
}
```
Chief 3D Verger | LinkedIn | Twitter
2020-03-27 at 3:54 pm #25061

jaspixel
Customer

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

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

2020-03-28 at 8:03 am #25071

Yuri Kovelenov
Staff

glad it helped!

Chief 3D Verger | LinkedIn | Twitter
Author

Posts