Info Button
The Info-Button component displays text or an image when clicked. This component can also be used to perform the action(s) when clicked using Java Script.
Default Chart Image:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FETro6OxTtbjjzZlp8jnR%252FDefault%2520Chart%2520Image.png%3Falt%3Dmedia%26token%3D11edf560-21b3-4857-aaa2-b66531b3361c&width=768&dpr=4&quality=100&sign=74a6304d&sv=1)
Properties of the Info-button:
Background: The user can enable the shadow, change the shadow color and transparency of that shadow.
General: The user can change the height, width, top, and left values. If initial visibility is unchecked, then the chart won’t be visible at the first preview.
The user can give a letter or number or symbol to show what they want to see in that icon in the ‘Label’ section.
The tooltip displays the information when they hover over that icon. When the user clicks on that icon one window will pop up.
In the ‘Display Text’ section, the user can give whatever text they want to see in that window. The title of that window is given in the ‘Title’ section.
The width and height of that window can be adjusted from the ‘Window Width’ and ‘Window Height’ sections.
Style: The user can change the background color of the icon using the ‘Light color’ section. Title Font Color, Title Font Size, Font Style, Font Weight, and Font Family can be modified by Style properties. Adjust the Window Font Color, Window Font Size, etc.
General Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FU7FFfs7RolM9utDXdegH%252FGeneral%2520properties.png%3Falt%3Dmedia%26token%3D8c2c9590-478d-4978-b3ab-dbe7d5b58196&width=768&dpr=4&quality=100&sign=edf51946&sv=1)
Style Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FwfBlF2Ur7w9gbkJNK2TK%252FStyle%2520properties%2520.png%3Falt%3Dmedia%26token%3Dcd53438c-95a2-447e-8306-8105dde340fa&width=768&dpr=4&quality=100&sign=62387857&sv=1)
Modified Image of the Info Button
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FebxDjmjmeWpYfUql4qq0%252FModified%2520Image%2520of%2520the%2520Info%2520Button.png%3Falt%3Dmedia%26token%3D39d95970-4a63-4721-9243-71460c70fa85&width=768&dpr=4&quality=100&sign=57713fb&sv=1)
Last updated