Styling hacks - Revision history

Kpe: /* CSS for printing labels */

2023-05-12T09:38:01Z

CSS for printing labels

← Older revision		Revision as of 11:38, 12 May 2023
Line 26:		Line 26:
	}		}
	@media print {		@media print {

	html * { margin: 0px; padding: 0px; } /* page reset */		html * { margin: 0px; padding: 0px; } /* page reset */

	#Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }		#Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }
	#Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }		#Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }

	#Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */		#Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */
	}		}

Kpe: /* CSS for form buttons in page footer */

2023-05-12T09:37:37Z

CSS for form buttons in page footer

← Older revision		Revision as of 11:37, 12 May 2023
Line 17:		Line 17:
	height: 26px;		height: 26px;
	}		}


			=== CSS for printing labels ===
			The below case will style a certain dashboard widget outputting LI elements

			@page {
			margin: 0cm; /* page reset */
			}
			@media print {

			html * { margin: 0px; padding: 0px; } /* page reset */

			#Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }
			#Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }

			#Widget23 li { border: 1px solid #EEEEEE; } /* disable after print is validated */
			}

			The page setup is
			* left margin 6mm
			* top margin 12mm

			The label layout is
			* size 63.5mm x 33.9mm
			* spacing 2mm

Kpe: /* CSS for form buttons in page footer */

2022-04-29T12:11:59Z

CSS for form buttons in page footer

← Older revision		Revision as of 14:11, 29 April 2022
Line 12:		Line 12:
	opacity: 1;		opacity: 1;
	}		}

	.submitOption, .updateSubmit {		.submitOption, .updateSubmit {
	max-width: 22%;		max-width: 22%;

Kpe: Created page with " === CSS for form buttons in page footer === .tsUpdateButtons { position: fixed; bottom: 0px; width: 92%; max-width: 1200px; padding: 0px 0px 2px 0px; z-index: 26; background-color: transparent; opacity: 1; } .submitOption, .updateSubmit { max-width: 22%; line-height: 1; height: 26px; }"

2022-04-29T12:11:45Z

Created page with " === CSS for form buttons in page footer === .tsUpdateButtons { position: fixed; bottom: 0px; width: 92%; max-width: 1200px; padding: 0px 0px 2px 0px; z-index: 26; background-color: transparent; opacity: 1; } .submitOption, .updateSubmit { max-width: 22%; line-height: 1; height: 26px; }"

New page

=== CSS for form buttons in page footer ===

.tsUpdateButtons {
position: fixed;
bottom: 0px;
width: 92%;
max-width: 1200px;
padding: 0px 0px 2px 0px;
z-index: 26;
background-color: transparent;
opacity: 1;
}

.submitOption, .updateSubmit {
max-width: 22%;
line-height: 1;
height: 26px;
}