Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Power BI is turning 10! Let’s celebrate together with dataviz contests, interactive sessions, and giveaways. Register now.

Reply
Janewhite
Frequent Visitor

HTML

Hi all, please is it possible to call a Varable in a Html code, if so how please

Measure 3 =
VAR name_ = USERNAME()

return
"
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name=""viewport"" content=""width=device-width, initial-scale=1"">
<link rel=""stylesheet"" href=""https://www.w3schools.com/w3css/4/w3.css"">
<body>

<div class=""w3-container"">
  <h2>Card Content</h2>
  <p>Add containers inside the card to create different sections:</p>
 
  <div class=""w3-card-4"" style=""width:50%;"">
    <header class=""w3-container w3-blue"">
      <h1>Header</h1>
    </header>

    <div class=""w3-container"">
      name_
    </div>

    <footer class=""w3-container w3-blue"">
      <h5>Footer</h5>
    </footer>
  </div>
</div>

</body>
</html>

"





Janewhite_0-1692111667299.png

Janewhite_1-1692111685344.png

 

 

1 ACCEPTED SOLUTION
dm-p
Super User
Super User

Hi @Janewhite,

To include a variable, you terminate the HTML with a double-quote where you want to add it. You then use an ampersand and the variable name, followed by a trailing ampersand and a double quote to resume the HTML, e.g.:

Measure 3 = 
VAR name_ = USERNAME()

return
"
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name=""viewport"" content=""width=device-width, initial-scale=1"">
<link rel=""stylesheet"" href=""https://www.w3schools.com/w3css/4/w3.css"">
<body>

<div class=""w3-container"">
  <h2>Card Content</h2>
  <p>Add containers inside the card to create different sections:</p>
 
  <div class=""w3-card-4"" style=""width:50%;"">
    <header class=""w3-container w3-blue"">
      <h1>Header</h1>
    </header>

    <div class=""w3-container"">
      " & name_ & "
    </div>

    <footer class=""w3-container w3-blue"">
      <h5>Footer</h5>
    </footer>
  </div>
</div>

</body>
</html>
"

 

dmp_0-1692149654619.png

 

This is known as concatenation in DAX. Here's some further reading on how you can approach it.

 

Regards,

 

Daniel





Did I answer your question? Mark my post as a solution!

Proud to be a Super User!


On how to ask a technical question, if you really want an answer (courtesy of SQLBI)




View solution in original post

1 REPLY 1
dm-p
Super User
Super User

Hi @Janewhite,

To include a variable, you terminate the HTML with a double-quote where you want to add it. You then use an ampersand and the variable name, followed by a trailing ampersand and a double quote to resume the HTML, e.g.:

Measure 3 = 
VAR name_ = USERNAME()

return
"
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name=""viewport"" content=""width=device-width, initial-scale=1"">
<link rel=""stylesheet"" href=""https://www.w3schools.com/w3css/4/w3.css"">
<body>

<div class=""w3-container"">
  <h2>Card Content</h2>
  <p>Add containers inside the card to create different sections:</p>
 
  <div class=""w3-card-4"" style=""width:50%;"">
    <header class=""w3-container w3-blue"">
      <h1>Header</h1>
    </header>

    <div class=""w3-container"">
      " & name_ & "
    </div>

    <footer class=""w3-container w3-blue"">
      <h5>Footer</h5>
    </footer>
  </div>
</div>

</body>
</html>
"

 

dmp_0-1692149654619.png

 

This is known as concatenation in DAX. Here's some further reading on how you can approach it.

 

Regards,

 

Daniel





Did I answer your question? Mark my post as a solution!

Proud to be a Super User!


On how to ask a technical question, if you really want an answer (courtesy of SQLBI)




Helpful resources

Announcements
June 2025 Power BI Update Carousel

Power BI Monthly Update - June 2025

Check out the June 2025 Power BI update to learn about new features.

June 2025 community update carousel

Fabric Community Update - June 2025

Find out what's new and trending in the Fabric community.

Top Solution Authors