Drop Shadow in CSS

Unknown

Drop Shadow in CSS

Unknown

Good evening,

Is there a way to add a drop shadow to a grid/canvas?

Thank you,

Unknown

Hi,

You can accomplish the drop shadow by using CSS styles on your form. But out of the box, Decisions does not have the option to add drop shadows on forms.
Please let me know if you have any questions about this.

Thank you.

Unknown

Hi,

The question is, how, within the CSS do you apply the drop shadow to the grid/canvas as an element? I see how to add it to the label and text box elements but not to grids to get the look shown in the wireframe below.

Thanks.

Unknown

Hi,

Depending on if you are using CSS on your form currently, you can use styling similar to this.

div.card {
width: 100%;
height: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center;
}

On the grid itself, you can simply apply the card to the CSS class in the properties. I have attached pictures of configuration of the Grid Properties and how the form looks after applying the CSS.

Thank you.

Unknown

CSS General - Dont know if this will help anyone out, but there are some decent online CSS editors for creating the styling you want. I recommend [url=http://enjoycss.com/]http://enjoycss.com/[/url] - This will give you a little sample to see what your styling should look like when completed and give you the code to add to your CSS document

CSS Shadows in Decisions - I can get internal shadows to work, but Ive not gotten external shadows to work - I dont think Decisions supports that.