vikramlearning / blazorbootstrap

An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
https://docs.blazorbootstrap.com/
Apache License 2.0
565 stars 15 forks source link

Need to show a Table in tool tip #725

Open PraveeshKS opened 1 month ago

PraveeshKS commented 1 month ago

Hi Team , I am trying to show a tooltip with some tabular data content , but the table is not rendering in the tooltip , is there any way to show a table with the tooltip tittle ? here I am trying to show the audit trail details and I want this tooltip to show the old and new values Here is the sample code snippet for your reference :

image

please let me know if there is any way to achieve this requirement , Thank you

gvreddy04 commented 1 month ago

@PraveeshKS Thank you for using BlazorBootstrap. By default, Bootstrap framework sanitizes the HTML content. We will provide more configurable ways to allow the list of tags.

Ref: https://getbootstrap.com/docs/5.3/getting-started/javascript/#sanitizer

PraveeshKS commented 1 month ago

@gvreddy04 , Is there any way to increase the width of the tooltip ?

gvreddy04 commented 1 month ago

@PraveeshKS I didn't try. But I see a CSS variable in the bootstrap CSS.

Default:

--bs-tooltip-max-width: 200px;

Override with

--bs-tooltip-max-width: 400px !important;

Please modify according to your requirement.