Jump to content
  • 0

Conditional Formatting Trick


LWSChad

Question

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>

css

.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>

css

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

Hope this helps

 

Think Easy

CHAD

-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.

Guest
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.

Loading...
×
×
  • Create New...