在 D365 FO HTML 查看器中使用 CSS

Question

我有一个表单，其中包含（除其他元素外）一个 HTML 查看器。此查看器通过调用

获取输入

HtmlViewer.parmHtml('theCodeBelow');

遗憾的是，控件忽略了 CSS 作为字符串的一部分。我所看到的只是普通的 HTML.

有没有办法在表格内的 D365 FO 中查看 HTML 和 CSS？

<html> 
<head>
<meta charset="UTF-8">
<title> Forum</title> 
<style> .entry{
     display: block;
     height: 100px;
     width: 100%;
}
 .heading{
     background-color: LightSkyBlue;
     border-style: solid;
     border-width: 2px 0px 2px 2px;
     display: block;
     float: left;
     height: 100%;
     padding: 5px;
    width: 20%;
}
 .content{
     background-color: deepSkyBlue;
     border-style: solid;
     border-width: 2px 2px 2px 0px;
     display: block;
    float: left;
     height: 100%;
    padding: 5px;
     width: 65%;
}
 .autor{
     color: red;
}
 .date{
     color: Green;
     float: right;
}
 </style>
 </head>
 <body> 
 <div class="entry"> 
 <div class="heading"> 
 <span class="autor">Admin</span> 
 <span class,="date">Admin wrote on 2018-09-05T12:05:00:</span> 
 </div> 
 <div class="content">Foo</div> 
 </div> <div class="entry"> 
 <div class="heading"> 
 <span class="autor">Admin</span> 
 <span class,="date">Admin wrote on 2018-09-05T12:07:02:</span> 
 </div> 
 <div class="content">Ba</div>
 </div>
 </body> 
 </html>

对于格式设置，我感到非常抱歉。 HTML/CSS 代码生成时没有任何新行，所以后来由我格式化。

Answer 1

我认为实现目标的最佳方法是使用 Extensible controls 而不是 Html 查看器控件。可扩展控件支持加载 CCS 和 JS 文件，以及您需要的任何其他 'resources'。

在 D365 FO HTML 查看器中使用 CSS

Use CSS in D365 FO HTML Viewer

html

css

x++

dynamics-365-operations