Property name | Description |
---|
Name | This allows you to update the name of this button widget. Note that this is not the text that appears on the button itself. |
Size & Location |
---|
X | Specify the x coordinates of the top left corner of the button widget, in order to position it exactly on your dashboard canvas. |
Y | Specify the y coordinates of the top left corner of the button widget, in order to position it exactly on your dashboard canvas. |
Width | Specify the width of the button widget, in pixels, in order to resize it exactly. Note that the button size will expand if the text on it exceeds the size specified here. |
Height | Specify the height of the button widget, in pixels, in order to resize it exactly. Note that the size of circular buttons will expand if the text on it exceeds the size specified here. |
Corners | This option allows you to define the roundness of the selected button corners. Tip: For maximum circular edges, enter half the value of the button height. For example, if the height is 130 pixels, then set the edge value to 65 pixels. Moreover, an edge value greater than 65, will have no further effect in this example. |
Rotation | Specify the amount to rotate the selected button widget, in degrees. Positive degrees rotate the widget in a clockwise motion, and negative values in anti-clockwise motion. |
Aspect ratio | Enable this toggle to maintain the aspect ratio. This means when increasing or decreasing the button’s size, it maintains its shape (i.e. the relationship between its width and height). If this is disabled, the button can be stretched out of shape either vertically or horizontally. |
Lock widget | Enable this toggle to lock the button at its location. This stops you from moving or resizing it. This holds true even when selecting multiple widgets on the canvas. Note that a locked button can still be customized. |
Actions |
---|
Click Event | Select an event that will trigger when the selected widget is clicked. Event options include:
- None: Use this if you do not wish the widget to trigger an event.
- Ask a Question: Navigates users ask a question via Guided NLQ, using a view UUID.
- Go to Report: Navigates users to a specified report. This report can be specified by providing its report UUID.
- Go to URL: Navigates to an external link or page using the specified URL. You can also choose to open the new link in a new tab or window or in the current window. See the below URL and Target settings for more information.
- Go to Sub Tab: Navigates to any sub tab in the same dashboard, where the sub tab is specified by its order number. For example to jump to the forth sub tab, enter 4 in the sub tab # field. Note that the sub tab order starts from number 1.
- Next Sub Tab: Navigates the user to the next tab within the same dashboard.
- Previous Sub Tab: Navigates the user to the previous tab within the same dashboard.
- Reset Filters: Allows users to clear filter selections, or in case default values are set, then reset filters to their default values.
- Reset Dashboard: Refreshes the dashboard by clearing any user interactivity performed on it, as well as removing all applied filters.
|
Report ID | If navigating to a report using the ‘Go to report’ click event, provide the UUID of the report. |
Sub Tab # | If navigating to a sub tab using the ‘Go to sub tab’ click event, enter the order number of the sub tab. |
URL | If navigating to an external page using the ‘Go to URL’ click event, provide the full URL of the page. |
Target | If navigating to an external page using the ‘Go to URL’ click event, specify the page target. Options include: - New Tab/Window: Opens the URL page in a new tab or window, depending on your browser’s settings. Note: The default for most browsers is a window, however users can use computer shorts (Ctrl in Windows, and Cmd in Mac) to open in a new tab instead.
- Current Window: Open the page in the current window.
- Parent Frame: If Yellowfin is embedded as an iFrame, the new page will open (that is, its contents will appear) in the parent frame. Note that the parent frame is the one within which the Yellowfin frame is embedded.
- Current Frame: If Yellowfin is embedded as an iFrame, the contents of the URL page will open in the current frame. Note that the current frame is the one which embeds Yellowfin.
|
Button Text |
---|
Button text | Allows you to provide text that will be displayed on the button. This ideally references what function the button performs. |
Text alignment | Allows you to align the button text within the button. You can opt to align it to the left, or right, or centrally. |
Active - Hover toggle | This toggle allows you to specify the state of the button. Toggling it to Active refers to the general state that the button will be in (i.e. when not being hovered or clicked on); whereas Hover species the button’s state when the cursor hovers it. The chosen state affects some of the remaining button properties, so you can style the button differently for the different states. |
Opacity | Allows you to specify the transparency of the button in the currently selected state. |
Font | Allows you to specify the font type and size of the button. (Consistent for both the states). |
Text color/Color | Allows you to select a color for the button text in the currently selected state. |
Style | Allows you to apply a formatting style, such as bold, italic or underline, to the button text. (Consistent for both the states.) |
Fill |
---|
Color | Allows you to specify the color to fill the button for the currently selected state. |
Border |
---|
Width | Allows you to specify a width for the button’s border. If you do not prefer a border, set the slider to 0. (consistent for both the states). |
Color | Allows you to specify a color for the button border for the currently selected state. |
Style | Allows you to specify a border style to be applied to the button for the selected state. |
Shadow |
---|
Spread X | Allows you to cast a horizontal shadow on the button by defining its size in pixels. |
Spread Y | Allows you to cast a vertical shadow on the button by defining its size in pixels. |
Shadow blur | Allows you to define the sharpness of the button shadow. The smaller the value, the sharper and more defined the shadow will be. For a blurry or softer shadow, provide a bigger value. |
Shadow color | Allows you to set a color for the shadow. This must be specified to make the shadow visible. |