已发布页面上的telerik控件的样式问题

时间:2012-02-29 10:46:00

标签: asp.net css telerik styling

离线调试时,我有一个正确显示的页面。但是,在查看已发布的页面时,所有telerik RadNumericTextBox上的样式都已关闭。通过造型 - 我的意思是定位。请参阅下面的屏幕截图:

enter image description here

这些框溢出了滚动区域,因此完全不受滚动影响。

这些RadNumericTextBox是转发器正文的一部分:

          <td>
                    <telerik:RadNumericTextBox runat="server" ID="txtUnitPrice" Text='<%# Bind("UnitPrice") %>'>
                        <ClientEvents OnValueChanged="txtValueChanged" />
                    </telerik:RadNumericTextBox>
                </td>

如您所见,没有内联样式。但是,呈现以下内容(显然某种Web资源正在应用样式):

<span class="riDisplay" id="ctl00_MainContent_Edit1_rptTasks_ctl03_txtQtyOrdered_display" style="width: 148px; text-align: left; color: #000; line-height: normal; padding-right: 5px; padding-left: 5px; font-family: "segoe ui",arial,sans-serif; font-size: 12px; border-right-width: 3px; border-left-width: 1px; display: inline;" _events="[object Object]">

有人可以对此有所了解吗?离线和“在线”版本都以相同的浏览器模式运行。

编辑:刚刚发生了一件非常奇怪的事情 - 我重新加载了页面,打开了开发人员工具并查看完全相同的元素,现在显示以下内容:

<span class="riDisplay" id="ctl00_MainContent_Edit1_rptTasks_ctl03_txtQtyOrdered_display" style="display: none;"/>

它仍然没有正确显示 - 但看起来很奇怪,它被渲染了两次不同。

1 个答案:

答案 0 :(得分:1)

我对你使用的控制知之甚少,但我会先尝试在onValueChanged事件周围包装一个函数。

<ClientEvents OnValueChanged="function(s,e){txtValueChanged();)" />

然后我会通过firefox获取firebug(并通过firefox)并查看控件使用的样式,并确保在其他任何内容之前加载它们。除了那之外,还需要看看哪些CSS类/样式更有帮助。