IN THIS ARTICLE

    IN THIS ARTICLE

      TextBox

      This comprehensive guide will cover everything that needs to be known about the TextBox element in Mokkup.

      When to Use?

      This dashboard element displays textual information or annotations that give context, instructions, explanations, or labels for other items. It helps users comprehend dashboard data and functions by providing more information.

      A Textbox is used when:

      • Explanatory Insights: Use textboxes to explain complex features, such as data visualizations, graphs, and charts, offering users a clear understanding of their purpose and significance.
      • Guided Instructions: Enable users to learn dashboard usage through instructional textboxes, providing step-by-step guidance for effective interaction.
      • Data Context Clarity: Employ textboxes to contextualize dashboard data, offering insights into sources and date ranges, and applying filters to enhance user comprehension.
      • Informed Annotations: Enhance data interpretation by annotating chart points with text boxes, assisting users in identifying trends, outliers, and critical data points.
      • Visual Aids: Utilize textboxes as legends or keys for color-coded elements or symbols, ensuring users grasp the meaning behind dashboard visual cues.

      How to Create?

      There are two ways to use Image in the Mokkup dashboard:

      Create New

      • When creating a project from scratch, simply click on the element in the sidebar to add it or drag and drop it onto the canvas.
      • Can resize it and edit it from the customize element menu.

      Use Template

      • When using a template with the Textbox element, select the element to resize and open the customize element menu. 

      How to Customize?

      1. Details

      Edit the basic details here:

      • Title: Change the title of the textbox here by clicking on the "Edit Text" bar (and its text theme). Toggle off if not needed. 
      • Add description of the title from this section.

      2. Theme & Customizations

      Click the 'Theme & Customization' icon in the floating toolbar on top of the element (or open it by scrolling down the left side menu) to style this textbox on its own, without changing the rest of the dashboard.

      • Element Color Theme

      Pre-fills this textbox's title and description text from the project's Primary, Secondary, and Tertiary palette. Then lets you edit any swatch or hex code to override the colors for this textbox alone. There's no theme gallery at this level; changes apply immediately, and 'Reset to Default' brings it back in line with the project theme. See Mokkup Themes for more.

      • Element Text Theme

      Style the textbox's Title and description text, each with its own Font, Size, Style (Bold/Italic/Underline), Alignment, and Color, plus 'Reset to Default'. See Text Themes for the full list.

      • Element Effects Theme

      Rounded Corners, Padding (set independently for the inner spacing's Left/Top/Right/Bottom sides, plus an overall outer padding), Element Color, Drop Shadow, and Stroke. See Effects Theme for details.

      Note: Whichever change you make most recently is the one that sticks. For example, if you customize an element's effects and then apply a new project-level Effects Theme, the project theme overrides that element's custom styling, and the reverse holds true too.

      This was a complete guide to using and editing TextBox on Mokkup. For further help, please contact our chatbot or contact support.

      Similar articles