2012-04-26 73 views
2

是否有更改JuiceUI控件样式的选项?任何预定义主题? (如果是的话,我找不到任何文档。)我是否像其他控件一样使用常规CSS来设置它们? (这似乎没有任何工作。)JuiceUI更改主题/风格

TIA

编辑:这里的按钮的外观:(我没有预装jQuery的主题,在这一个 - 这是一个新的网站。)

enter image description here
我注意到JuiceUI安装了一个内容 - 主题文件夹,包含基础,Fresh-Squeezed和Supercharged。

不知道它在哪里被引用,以及如何改变它。

回答

9

目前,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" 
}); 

这将重新定义“果汁-UI”渲染主题的位置,和你会看到每个页面中的输出果汁都被使用了。

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

0

Becky在看了GitHub repo之后,发现它使用的是用于jQuery UI的ui-lightness css文件。 https://github.com/appendto/juiceui/tree/master/Juice-Test-Site/css你可以尝试加载一个不同的jQuery主题来代替这个吗?你可能需要确保这个文件没有被加载到你的网站上。如果我远离基地,你已经尝试过让我知道。

+0

谢谢。我在我的css文件夹中有光滑和ui-lightness,但它似乎没有使用任何一个。 (我会张贴一张图片。) – Rivka 2012-04-26 22:49:25

4

对于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> 

好去:)

1

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