Discussion of PDF Pages 2.0

App Development
12

Hey @SafetyUniversity

In order to have access to the PDF Alpha, alpha features must enabled for your account.

Can you reach out to us via support? I can see alpha features are currently enabled for your account so we need to investigate further.

@GREDDIE @SafetyUniversity

Regarding PDF Alpha depreciation, that’s a great question and I’d be happy to provide more details. PDF Alpha will continue to work as it did previously for those who had access and we do not intend to remove it from the Builder / Apps entirely. It’s possible that may change in time, but we will of course give ample advanced notice should that happen. Since the launch of 2.0, PDF Alpha will be hidden going forward for all new users. Existing users who previously had access will continue to have access although there’s some caveats here.

  1. We strongly recommend using PDF 2.0 for all PDFs inside your app.
  2. The team is no longer developing PDF Alpha. This means that while we will still make efforts to address major breaking issues, any other bugs or annoyances will not be addressed going forward.

PDF 2.0 is significantly more powerful and allows for many more features so our resources will be allocated there. Any PDF Alpha bug that was able to be resolved in PDF 2.0 was fixed by our team so it’s likely that if you were experiencing an issue with PDF Alpha, it’s fixed in 2.0 :smile:

Ok, moving on to the fun stuff. @SafetyUniversity, here is the CSS for the Atlas PDF theme :point_down:

a {
	color: inherit;
	text-decoration: none;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
.t-datatable_pdf_pages {
	font-size: 14px;
}
.t-pdf-table-heading,
.t-pdf-list-heading {
	font-weight: 500;
	font-size: 18px;
	color: #181C32;
	margin-top: 20px;
	margin-bottom: 10px;
}
.t-table {
	margin-top: 10px;
	min-width: 400px;
	overflow: hidden;
	border-radius: 15px;
	border: 1px solid #c7c7c7 !important;
	background-color: transparent;
}
.t-table td,
.t-table th {
	padding: 12px 15px;
	color: #555;
}
.t-table thead tr {
	color: #000;
	text-align: left;
	font-weight: 700;
	background-color: #ddd;
}
.t-table thead th {
	font-weight: 600;
	color: #555 !important;
	background: #f9f9f9;
	border: none;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.t-table>thead:first-child>tr:first-child>th {
	border-top: 0;
}
.t-table tbody tr:not(:first-child) td {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #f0efef;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.t-table img, .t-pdf-list-item img  {
	max-height: 150px;
	max-width: 150px;
	display: block;
	padding: 2px;
	height: auto;
}
.t-list_pdf_pages {
	font-size: 14px;
}
.t-pdf-list-item {
	margin: 5px;
	box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}
.t-pdf-list-field-group {
    margin-bottom: 25px;
}
.t-pdf-list-item .t-pdf-list-body {
	padding: 1rem;
}
.t-pdf-list-value {
	padding-top: 3px;
}
.t-card_pdf_pages {
	font-size: 14px;
	max-width:99%;
	margin:0 auto;
}
.af-card-component {
	border-radius: 6px;
	background-color: #fff;
	color: #252422;
	margin-bottom: 20px;
	border: 1px solid #cacaca;
	overflow: hidden;
}
.af-card-component .header {
	border-bottom: 1px solid #cacaca;
	background-color: #fff;
	margin: 5px 0;
	padding: 5px 10px;
}
.t-detail_pdf_pages {
	font-size: 14px;
}
.t-detail_pdf_pages img {
	display: block;
	padding: 2px;
	height: auto;
	max-height: 150px;
	max-width: 150px;
}
.t-pdf-details-field-group {
	border-bottom: 1px solid #dbdfea;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.t-pdf-list-cover-image {
    display: block;
    height: 300px;
    width: 100%;

}
.t-pdf-list-cover-image img {
    display: block;
    overflow: auto;
    max-width: 100%;
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.t-pdf-image  {
   padding-bottom: 10px;
}
2 Likes