Looker Connect Training

Help Center

Documentation

Community

Cloud Certifications

Question

How to keep the background without serving text for conditional liquid formatting?

  • 30 March 2018
  • 1 reply
  • 182 views
S

Hi, I find that this HTML snippet works:


 {% if value == 0 %}

                      <div style="color: darkred; background-color: #C6EFCE; text-align:center">

                      <div style="color: #006100;">10 </div </div>

                    {% elsif value == 1 %}

                       <div style="color: darkred; background-color: #FFC7CE; text-align:center">

                      <div style="color: #9C0006;">-10 </div </div>

                  {% endif %}

But this does not -


              {% if value == 0 %}

                      <div style="color: darkred; background-color: #C6EFCE; text-align:center">

                      <div style="color: #006100;"></div </div>

                    {% elsif value == 1 %}

                       <div style="color: darkred; background-color: #FFC7CE; text-align:center">

                      <div style="color: #9C0006;">-10 </div </div>

                  {% endif %}

That second snippet won’t show any formatting for cells where value == 0.


How do I keep the background formatting, but have the cell be blank for text? Thanks.

1 reply

emma.ware
Rank
Userlevel 2

Hi @sebastian ,


If we add padding to the div style, we should be able to render the formatting without needing to have text, like so:


    {% if value == 0 %}

                      <div style="color: darkred; background-color: #C6EFCE; text-align:center">

                      <div style="color: #006100; padding:10px;"></div </div>

                    {% elsif value == 1 %}

                       <div style="color: darkred; background-color: #FFC7CE; text-align:center">

                      <div style="color: #9C0006; padding:10px;"> </div </div>

                  {% endif %}

Reply


Terms of Service