Skip to content

Twitter Button

Studio is being deprecated, please head over to the documentation page for Mattercraft, our most advanced 3D tool for the web, where you can find the most recent information and tutorials.

The Twitter Button subsymbol creates an interactive button that when tapped, launches Twitter with a prepopulated message, with the option to tag a Twitter handle. If Twitter is not installed on the device, the user will be redirected to the app’s store page.

The Business Card example project uses a Twitter Button subsymbol.

A Twitter Button symbol can be added to your project by clicking on the plus icon + from the Symbol Definitions panel, and selecting it from the Buttons options.

  1. Drag the Twitter subsymbol from Symbol Definitions, into the Hierarchy in the parent symbol.

  2. Select the Twitter node and add your message to the Twitter Message field.

  3. If you’d like to tag a specific Twitter handle in your message, add it to the Twitter Handle property without the @ symbol. The example below will prepare a tweet with the message I love, and the @ZapparApp handle tagged at the end.

The Twitter Button symbol has six custom properties that can be edited:

PropertyDescription
Twitter MessageSets the message to display in the tweet.
Twitter HandleSets the Twitter handle to include in the message.
IconSets whether to use the button’s preset icon or a custom one.
Custom Icon MaterialSets the image to use as the button’s icon, if Icon is set to Custom.
Icon ColorSets the color of the button icon.
Background ColorSets the color of the button background.

To use a custom icon instead of the default graphic, change the Icon property to custom and set the Custom Icon Material property to your imported image.