How to format the Stored Procedure Results

Question

How can I format the stored procedure results returned when I use the RunProcedure action to return one or more tables in a dialog. Sometimes the results explode beyond the screen?

Answer 1

The following is some custom CSS that you can use to format the dialog that returns the Stored Procedure results.

This will limit the results to 80% of the vertical screensize, after which there will be a scrollbar.

div.dialog.ui-dialog-content.ui-widget-content {
		max-height: 80vh !important;
}

table.ui-widget.procedureResults {
		width: 100% !important;
		margin-bottom: 10px;
		background-color:whitesmoke
}

.ui-widget.procedureResults th {
		font-family: Lato-Bold;
		font-size: 16px;
		color: white;
		line-height: 1.4;
		background-color: gray
}

.ui-widget.procedureResults td {
		font-family: Lato-Regular;
		font-size: 15px;
		line-height: 1.4;
		background: white;
}

.ui-widget.procedureResults tbody tr {
		border-bottom: 1px solid #lightgray
}

.ui-widget.procedureResults {
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 0 7px 0 rgba(0,0,0,.15);
}