Question

是否可以选择更改JuiceUI控件的样式？任何预定义主题？（如果是的话，我找不到任何关于它的文档。）我是否像其他控件一样使用常规CSS来设置它们？（这似乎也没有用。）

TIA

编辑：按钮的外观如下:(我没有预先安装的jquery主题 - 这是一个新网站。）

enter image description here 我确实注意到JuiceUI安装了一个带有base，Fresh-Squeezed和Supercharged的内容 - 主题文件夹。

不知道它被引用的位置以及如何更改它。

Answer 1

目前，JuiceUI的来源可能是你最好的朋友。看看这一行：https://github.com/appendto/juiceui/blob/master/Juice/JuiceApp.cs#L52

这是你想要添加到Global.asax.cs的内容：

CssManager.CssResourceMapping.AddDefinition("juice-ui", new CssResourceDefinition {
    Path = "~/Content/themes/[Name of custom theme dir]/jquery-ui-1.8.18.custom.css",
    DebugPath = "~/Content/themes/[Name of custom theme dir]/jquery-ui-1.8.18.custom.css"
});

这将重新定义“juice-ui”渲染主题的位置，您将看到每个页面中的输出用于。

对不起，目前这并不是很明显。我们正在计划一系列文章来涵盖这些主题，并且更新网站上的文档已经在进行中。

Answer 2

对于VB ...是的人仍然使用它！：P

<%@ Application Language="VB" %>
<%@ Import Namespace="System" %>
<%@ Import Namespace="System.IO" %>
<%@ Import Namespace="System.Web.UI" %>
<%@ Import Namespace="Juice.Framework" %>

<script runat="server">

    Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)
        ' Code that runs on application startup

        Dim juiResDef As New CssResourceDefinition
        juiResDef.Path = "~/Content/themes/[Name of custom theme dir]/jquery-ui-1.8.18.custom.css"
        juiResDef.DebugPath = "~/Content/themes/[Name of custom theme dir]/jquery-ui-1.8.18.custom.css"
        CssManager.CssResourceMapping.AddDefinition("juice-ui", juiResDef)

    End Sub

</script>

很高兴：）

Answer 3

覆盖Fresh-Squeezed默认值的另一种方法是将jquery-ui-X.X.XX.custom.css文件拖放到页面上并创建一个html链接。这将覆盖默认的css并应用您想要的主题。它必须在您想要使用主题的任何页面上完成。另一种方法是将Fresh-Squeezed文件夹视为要使用的主题的容器，并替换该文件夹中的图像和custom.css文件。希望他们在将来的版本中提供一种不同的修改方式。

Answer 4

Becky，在查看GitHub回购之后，似乎它正在使用ui-lightness css文件用于jQuery UI。 https://github.com/appendto/juiceui/tree/master/Juice-Test-Site/css你可以尝试加载一个不同的jQuery主题代替这个吗？您可能必须确保未在您的网站上加载此文件。如果我离开基地你已经尝试过这个让我知道。

JuiceUI更改主题/风格

4 个答案: