ARENAUI Card Panel

ARENAUI element which displays text and optionally an image.

All wire objects have a set of basic attributes {object_id, action, type, persist, data}. The data attribute defines the object-specific attributes

ARENAUI Card Panel Attributes

Attribute	Type	Default	Description	Required
object_id	string		A uuid or otherwise unique identifier for this object.	Yes
persist	boolean	`True`	Persist this object in the database.	Yes
type	string; Must be: `object`	`'object'`	AFrame 3D Object	Yes
action	string; One of: `['create', 'delete', 'update']`	`'create'`	Message action create, update, delete.	Yes
ttl	number		When applied to an entity, the entity will remove itself from DOM after the specified number of seconds. Update is allowed, which will reset the timer to start from that moment.	No
private	boolean	`False`	If true, interactions with this object should not be broadcasted to other clients, but rather sent on private topics	No
program_id	string		The program_id on private program topics that interactions to be directed to, if the private flag is set true. Ignored if private flag is false.	No
data	ARENAUI Card Panel data		Card Panel Data	Yes

ARENAUI Card Panel Data Attributes

Attribute	Type	Default	Description	Required
object_type	string; Must be: `arenaui-card`	`arenaui-card`	3D object type.	Yes
title	string	`''`	Title	Yes
body	string	`''`	This is the text body of the card.	Yes
bodyAlign	string; One of: `['left', 'center', 'right', 'justify']`	`'left'`	Body Text Alignment	No
img	string	`''`	This image will be embedded alongside the body text.	No
imgCaption	string	`''`	This will caption the image.	No
imgDirection	string; One of: `['left', 'right']`	`'right'`	Image Direction	No
imgSize	string; One of: `['cover', 'contain', 'stretch']`	`'cover'`	Image sizing	No
textImageRatio	number	`0.5`	Text to Image Width Ratio	No
fontSize	number	`0.035`	Font Size	No
widthScale	number	`1`	Width scale multiplier	No
closeButton	boolean	`False`	Show close button	No
font	string; One of: `['Roboto', 'Roboto-Mono']`	`'Roboto'`	Font to use for button text.	No
theme	string; One of: `['light', 'dark']`	`'light'`	Color Theme	No
materialSides	string; One of: `['both', 'front']`	`'both'`	Which sides display the rendered UI material	No
parent	string		Parent’s object_id. Child objects inherit attributes of their parent, for example scale and translation.	No
position	position		3D object position.	Yes
rotation	rotation		3D object rotation in quaternion representation; Right-handed coordinate system. Euler degrees are deprecated in wire message format.	Yes
scale	scale		3D object scale.	No
visible	boolean	`True`	Whether object is visible. Property is inherited.	No
animation	animation		Animate and tween values.	No
armarker	armarker		A location marker (such as an AprilTag, a lightAnchor, or an UWB tag), used to anchor scenes, or scene objects, in the real world.	No
click-listener	click-listener		Object will listen for mouse events like clicks.	No
box-collision-listener	box-collision-listener		Listen for bounding-box collisions with user camera and hands. Must be applied to an object or model with geometric mesh. Collisions are determined by course bounding-box overlaps.	No
collision-listener	string		Name of the collision-listener, default can be empty string. Collisions trigger click events.	No
blip	blip		When the object is created or deleted, it will animate in/out of the scene instead of appearing/disappearing instantly. Must have a geometric mesh.	No
static-body	static-body		A fixed-position or animated object. Other objects may collide with static bodies, but static bodies themselves are unaffected by gravity and collisions.	No
dynamic-body	dynamic-body		A freely-moving object. Dynamic bodies have mass, collide with other objects, bounce or slow during collisions, and fall if gravity is enabled.	No
goto-landmark	goto-landmark		Teleports user to the landmark with the given name. Requires click-listener.	No
goto-url	goto-url		Load new URL when object is clicked. Requires click-listener.	No
hide-on-enter-ar	boolean; Must be: `True`	`True`	Hide object when entering AR. Remove component to not hide.	No
hide-on-enter-vr	boolean; Must be: `True`	`True`	Hide object when entering VR. Remove component to not hide.	No
show-on-enter-ar	boolean; Must be: `True`	`True`	Show object when entering AR. Hidden otherwise.	No
show-on-enter-vr	boolean; Must be: `True`	`True`	Show object when entering VR. Hidden otherwise.	No
impulse	impulse		Apply an impulse to an object to set it in motion. This happens in conjunction with an event. Requires click-listener and physics.	No
landmark	landmark		Define entities as a landmark; Landmarks appears in the landmark list and you can move (teleport) to them; You can define the behavior of the teleport: if you will be at a fixed or random distance, looking at the landmark, fixed offset or if it is constrained by a navmesh (when it exists).	No
material-extras	material-extras		Define extra material properties, namely texture encoding, whether to render the material’s color and render order.	No
shadow	shadow		The shadow component enables shadows for an entity and its children. Adding the shadow component alone is not enough to display shadows in your scene. We must have at least one light with castShadow: true enabled.	No
sound	sound		The sound component defines the entity as a source of sound or audio. The sound component can be positional and is thus affected by the component’s position.	No
submodel-parent	string	`''`	When this object is parented to a hierarchical model, attaches to a named subcomponent of that model instead of the root position	No
textinput	textinput		Opens an HTML prompt when clicked. Sends text input as an event on MQTT. Requires click-listener.	No
url	string		Use File Store paths under ‘store/users/username’, see CDN and other storage options in the description above.	No
remote-render	remote-render		Whether or not an object should be remote rendered [Experimental].	No
video-control	video-control		Adds a video to an entity and controls its playback.	No
attribution	attribution		Attribution Component. Saves attribution data in any entity.	No
spe-particles	spe-particles		GPU based particle systems in A-Frame.	No
look-at	string		The look-at component defines the behavior for an entity to dynamically rotate or face towards another entity or position. Use ‘#my-camera’ to face the user camera, otherwise can take either a vec3 position or a query selector to another entity.	No