【问题标题】:DotNnetNuke 6 Changes to css class "dnnFormRequired" So that is appear as red asterisk?DotNnetNuke 6 对 css 类“dnnFormRequired”的更改所以显示为红色星号?
【发布时间】:2012-11-26 18:00:45
【问题描述】:

我开发了一个自定义 DNN 模块。为此,我遵循 DotNetNuke 6 模式以获得一致的用户体验(有关更多信息,请查看以下指南)

http://uxguide.dotnetnuke.com/UIPatterns/SimpleFormDemo.aspx

我不喜欢 DNN 默认皮肤显示必填字段的方式。如何将强制指示更改为传统指示 标签:* 文本字段

我应该对皮肤(css 类)进行哪些更改才能实现此目的?

【问题讨论】:

    标签: css dotnetnuke skinning


    【解决方案1】:

    这不仅仅需要对 CSS 进行更改,因为整体设计模式不涉及在内容中添加任何“*”。因此,您不仅需要修改类,还需要修改内容。 (除非你使用我不推荐的 JS 或其他类型的解决方案。)

    【讨论】:

      【解决方案2】:

      在你的 css 中做这样的事情来摆脱红色指示器 input.dnnFormRequired{border-left: 0px;}

      那么我猜你可以做一些 Javascript 在任何 dnnFormRequired 之后添加 *

      <script type="text/javascript"> 
      $(document).ready(function(){ 
         $("input.dnnFormRequired").after('*'); 
      }); 
      </script>
      

      希望让您更进一步了解您想要实现的目标。 即使它确实违反了 UI 准则;)

      【讨论】:

      • 非常感谢您的回复。有没有办法只使用css。如果我可以对 css 文件 (portal skin.css) 进行更改,那就太好了,它会改变必填字段的外观和门户的所有页面。
      • 并非如此。您也许可以使用 CSS 来定位该元素并做一个星号的背景,并用边距和东西填充它。这是适用于大多数浏览器的最简单/最简单的“破解”解决方案。
      • 非常感谢您的回答。这无疑是解决方案之一。
      猜你喜欢
      • 2018-10-29
      • 2019-06-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-03
      • 1970-01-01
      • 2018-02-19
      相关资源
      最近更新 更多