javascript - Oracle APEX - 如何在打印时缩放区域以适合单页

Question

我最近才开始我的 APEX 之旅(并且确定这是我想留下来的地方!)所以请原谅我可能发表的任何“白痴”评论!

我正在使用 APEX 5.0.3 和通用主题。

我已按照 Christian Rokkitta 在以下博客中提供的步骤创建组织树；

Oracle 和 Apex Geekery:带有 APEX 列表的纯 CSS3 组织树

我的 CSS 和 JavaScript 知识有限，但已成功地进行了大量编辑以满足我们的特定要求。我苦苦挣扎的地方是不适合单页的打印区域。

我尝试编辑 CSS，尝试使用 JavaScript 在新的弹出窗口中打开，深入研究打印样式表，目前正在使用“标准”页面模板的编辑版本，以便我可以使用@media Print 来停止显示某些元素。在 CSS 方面，我曾尝试使用缩放和分页符，但在 4 天的工作之后，除了这个打印问题，我开始怀疑我是否以完全错误的方式处理它。

是否有人可以帮助解决上述问题？基本上，我需要在打印时使组织结构图适合单页；几乎就像我“缩​​小”到它在一页上然后打印一样。

我没有放链接或屏幕截图，但是如果您需要任何进一步的信息，请告诉我，我会直接处理!

谢谢大家!!!

理查德

Answer 1

我收到了来自 Oracle 社区的回复；我仍然遇到问题，因为我需要根据经理有多少 child 来缩放打印尺寸。

目前较大的图表还不够“缩小”...

JMcG 2016 年 2 月 10 日 21:06(回应 RickieRich) 检查第 4 页，我在其中添加了以下特定于打印的样式声明。

@media print {  
  .tree li a {  
    /*font-size: 15px;*/  
    font-size: 0.8rem;  
    line-height: 1rem;  
    border: 1px solid #000000;  
  }  
  .tree ol, .tree ul {  
    margin: 0;  
  }  
  .tree li::before, .tree li::after {  
    border-top: 1px solid #000000;  
  }  
  .tree li::after {  
    border-left: 1px solid #000000;  
  }  
  .tree li:last-child::before {  
    border-right: 1px solid #000000;  
  }  
}  

谢谢， 瑞奇里奇