New TextBox Markup released

HOOPS Communicator
,
1

This set of classes implement an easy to use and customizable markup type for adding text notes with a leader line to a model in HOOPS Communicator. Complete source code, demos and documentation is available on GitHub:

Below is a quick run-down of the main features

TextBox that automatically fits to the text with leader line pointing to the model:
1

Easy to add toolbars and other customizations:
2

Textbox can be set to rotate with the camera or stay static:
3

Optionally setting to hide textbox if insertion point is hidden:
4

Full Collaboration support via plugin to Collaboration Library. Demo in 3D Sandbox:
5

2

How to make this textbox read only ?

3

There is a function called setAllowEditing() on the TextBoxMarkupItem that you can call to prevent editing.

https://techsoft3d.github.io/ts3d-hc-textbox/TextBoxMarkupItem.html

1 Like
4

when I’m trying to set the function setAllowEditing() it is not working
let item = new hcTextBox.TextBoxMarkupItem(textBoxOperator.getTextBoxManager(), new Communicator.Point3(0, 0, 0));
item.setAllowEditing(false);

textBoxOperator.getTextBoxManager().add(item);
5

There was actually a bug that kept this setting from being honored when the textbox is initially created. This should now be fixed.

1 Like
6

Can we use same files if we want to use textbox feature in ReactJS?

7

I’m not too familiar with react but my guess is that it should work. Let me know if you run into any problems.

1 Like
8

there are some compatibility issues with jquery files. I think there is need to modify the webpack dependency configurations as it is external library. If you get any info please share.

9

Ok. I will try to look into that in the next few days.

10

Any updates regarding textbox markup in react?

11

This feature is great！

1 Like
12

Glad to hear it @qiul ! Have you used it in your projects? I’d love to hear about it.

13

Anyone have any idea how we can add textbox markup in reactJS?

14

Hi,

I apologize but I still did not have time to devote to your question but can you be a bit more specific on the issues you are running into with React?

15

item.setBackgroundColor(255, 0, 0);
I’m using above color format to set color but its not working
Can you suggest correct parameters for color?

16

Try this:

item.setBackgroundColor(new Communicator.Color(255,0,0))
1 Like