hide borders in pdf view

[jrabasilio]

Hi Alex,

I need help to hide border in orbeon fields when is print to pdf

I try this
@media print {
.orbeon .xforms-input input {
border-style: none !important;
}

.orbeon label, .orbeon input, .orbeon button, .orbeon select, .orbeon
textarea{
border-style: none !important;
}

.fr-grid .xforms-label input, .fr-grid .xforms-hint input,
.fb-label-editor input[type='text'] {
border-style: none !important;
}

}

but no sucess.

Thanks


--
Sent from: http://discuss.orbeon.com/

[Alessandro Vernet]

Hi João,

The print view is based off the view mode, which doesn't use input fields,
or other form fields. So the CSS will look more like the one below:

@media print {
.orbeon .xforms-field {
border-style: none;
}
}

You can try this in your browser by loading the review page for your form,
and with your browser Dev Tools enable the `@media print` emulation. You'll
also find more about this in the section linked below. And you'll let me
know if this works for you.

https://doc.orbeon.com/form-runner/styling/automatic-pdf#how-to-figure-out-what-css-is-applied-to-the-pdf

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet

[jrabasilio]

Alex,

Work fine, thanks.

João Basilio

[Alessandro Vernet]

Hi João, excellent, in this case the CSS was pretty simple, and thank you for
the confirmation.

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet