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

July 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! Learn more

Reply
Anonymous
Not applicable

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 @Anonymous,

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 @Anonymous,

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
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

60 days of Data Days Carousel

Data Days 2026

Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.