Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Dynamically adjust Print Scale - CSS

RickieRichFeb 12 2016 — edited Feb 15 2016

Hello,

I'm currently having issues with the scaling of an Organisational Chart.

I am using APEX 5.0.3 along with the Universal Theme. Chrome latest versions for development but users may access via IE11.

The chart is drawn depending on who the chosen Manager is; some teams have lots of subordinates (so very wide) and some only have one/two. I have attempted to edit the CSS, I've tried to use JavaScript to open within a new pop-up, I delved into Printing Style sheets and have am currently using an edited version of the 'Standard' page template so that I can use @media Print to stop certain items displaying.


JMcG kindly helped with the Printing CSS but we just need to know the best way to adjust this dynamically or if there is a more suited 'catch-all' that would scale the Organisational Chart correctly?


At the moment the print style sheet defined works for some charts, however smaller ones are scrunched on one side and larger charts are unreadable. I have been thinking if we could some how work out how many elements/subordinates there are on a page then we could use JavaScript to apply a 'Print Only' CSS class that would have the desired effect; I may be well off the mark however!

I have recreated the issues in the following workspace;

WorkSpace: ORGTREE

Username: Guest

Pword: OrgTree!

I've put a Select List to try and demonstrate what I mean but as the schema is limited the chart is only a fraction of the size. What would be the best way to scale the charts so that the big charts fit on the page and can be read and the small charts are not all to the one side but central and also readable?.

I am more than happy to do digging, work more on the demo to show what I mean or even research if someone can point me the right direction.

Thanks in Advance!

RR

Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Mar 14 2016
Added on Feb 12 2016
1 comment
781 views