Configuring the presentation of automatic PDF output

classic Classic list List threaded Threaded
7 messages Options
Reply | Threaded
Open this post in threaded view
|

Configuring the presentation of automatic PDF output

vicaed
This post was updated on .
Hi Alex,

I need customize some properties of the automatic PDF output, to get that I would need to be able to see what css are aplied to orbeon forms when you run them in form runner.
I can see that 2 css files are load in the
navigator:
<http://discuss.orbeon.com/file/t375607/file_loaded.png

But where are these files inside of the orbeon war?
Are those files generated on the fly?
How Can I see which CSS files use orbeon in the forms?



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

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to orbeon+unsubscribe@googlegroups.com.
To post to this group, send email to orbeon@googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

Alessandro  Vernet
Administrator
Hi Vincente,

What you see in the browser is "combined CSS"; in essence, Orbeon Forms
combines all the CSS files into 2 files, to reduce the number of files that
need to be downloaded by the browser, and reduce load time. Orbeon Forms
also does the same thing for JavaScript. You can find more about how this is
done on:

https://doc.orbeon.com/configuration/advanced/javascript-css-assets.html

For your specific case, you can add your own CSS by setting the
`oxf.fr.css.custom.uri.*.*` property (more on this on the 1st page linked
below). And we also have some hints in the doc for how you can quickly test
that CSS directly in your browser (more on this on the 2nd page linked
below)

https://doc.orbeon.com/configuration/properties/form-runner.html#adding-your-own-css-files
https://doc.orbeon.com/form-runner/styling/automatic-pdf.html

You'll let me know if this works for you.

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

vicaed
Hi Alex, thanks for your answer. Yes I know about the
`oxf.fr.css.custom.uri.*.*` I am using it succesfully. I am writting a CSS
File with @media print { } rules and it is working, but I would like to know
where are the CSS Files that orbeon use in form runner.
Are these ones which I can see inside of the orbeon-form-runner.jar ?
bootstrap.css and bootstrap.min.css?. only these ones?

I did already some changes in the pdf presentation and it is working, but I
am not able to change the text size of the inputs fields (Not the label but
the text that users insert in the input, i would like to show it a little
bigger when they print the pdf). I tried with the selectors:

.xforms-input-input{
                font-size: 22px !important;
        }
.orbeon ..xforms-input-input{
                font-size: 22px !important;
        }
.orbeon input[type="text"] {
          font-size: 22px;
 }

but any of those are working. Some idea about what can be the correct
selector?
Maybe it is not possible to change this property in @media print?

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

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

Alessandro  Vernet
Administrator
Hi Vincente,

There are 2 sets of CSS files (and the same applied to JavaScript): the
"baseline" is common to all the pages that use XForms, and is defined in
`oxf.xforms.assets.baseline`. On top of the baseline, there are files
contributed by Form Runner, XBL components used on the page, CSS directly
linked from the form, etc.

About the font size issue, are you seeing it incorrectly as well with Chrome
when setting Chrome to emulate the print media, per the recommendation on
the page below? If so, I'd recommend you first try to troubleshoot the issue
with Chrome. And you'll let me know if it only happens with the actual PDF.

https://doc.orbeon.com/form-runner/styling/automatic-pdf.html

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

vicaed
Hi Alex,

Yes, I am working with chrome emulating print media, and when I change the
property ".orbeon .xforms-input input {
                font-size: 22px !important;
        }"

It works fine. I also tried to do the same removing the tag @media print{}
from the css script and doing that it works, I can see the change in the
text size in the form, so the problem only happens when the pdf is created.

It is possible some issue with the FlyingSaucer library?
Maybe the library does not interprete properly some css properties when it
creates the pdf?

I was thinking in this possibility after read in the documentation:
"With that setting enabled, the main remaining difference between the Review
page and the PDF is how browsers and the PDF library Orbeon Forms uses
(FlyingSaucer) interpret CSS, as there are differences. Often you have to go
by trial and error"

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

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

Alessandro  Vernet
Administrator
Got it Vincente. I'll let Erik follow-up with you on this one as he knows
more about FlyingSaucer than I do, and he should be able to help you with
this.

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Configuring the presentation of automatic PDF output

vicaed
This post was updated on .
Perfect Alex, thanks you. I will upload in basecamp a pdf sample to show you and Erik what I want to achieve.

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

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to orbeon+unsubscribe@googlegroups.com.
To post to this group, send email to orbeon@googlegroups.com.