Jump to content
  • 0

Change pop-up button color


Question

Hi all! Just wanted to share this recent discovery of mine. I wanted to change the button colors of my pop-up screen when I use inline delete on my Tabular Report DataPage. I used this CSS code inside my Configure Results Page screen

<style type="text/css">
#Alert .ButtonsCtnr input.ActionButton {
background: #9932CC !important;
}
</style> 

I was able to find the  while exploring using developer tools in chrome.

Once you click that little button on the left, you can select which element on your page you want to look at. It will then show you where you can find the element in the source code. If you look at the left, that's all the Styles/CSS code used for the element. I just played around and used this class

#Alert .ButtonsCtnr input.ActionButton

then it proceed with stating what changes I want to apply and that's it.

image.thumb.png.ce23337252f81151dff6d36f96fe015c.png

Here's the link to my DataPage: https://c2abn197.caspio.com/dp/adf5800036a7f28c857245d08db4

I think my explanation is a little confusing, but I hope it helps! I also struggle with finding what is the right class to use when I want to apply some CSS, but playing around and trying eventually works :D

Link to post
Share on other sites

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