Jump to content
  • 0

Conditional Formatting Trick



Check out this trick I stumbled upon.


Put Caspio Variables into your Classes so you can use CSS to dynamically style your pages.

(js not required)



Div to dynamically format 

<div class="action[@field:action]"></div>


.actionCall {
   background-image: URL("../img/call.png");
.actionEmail {
   background-image: URL("../img/email.png");
.actionText {
   background-image: URL("../img/text.png");

Dynamic Elements - load all options, and hide all but needed

<a class="btnFile fileName[@field:FileName]" href="../some/dir/[@field:FileName]">Download</a>

<a class="btnLink fileLink[@field:FileLink]" href="[@field:FileLink]">View File</a>


/*-- when [@field:***] is null, hide the div --*/
.fileName, .fileLink {
display: none;

Hope this helps


Think Easy


-I know the Title of this Forum is "Ask....", but IDK where else to share stuff like this.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...