2012-04-26 3 views
2

Есть ли возможность изменить стили элементов управления JuiceUI? Любые предопределенные темы? (Если да, я не мог найти на нем никакой документации.) Я строю их с помощью обычного CSS, как и другие элементы управления? (Это, похоже, не работает.)JuiceUI Изменить тему/стиль

Тиа

Edit: Вот как кнопка выглядит: (у меня не было предустановленные темы 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" 
}); 

Это переопределять местоположение «сок-уй» оказанной тему, и вы Посмотрим, что используется в каждом соке страницы.

Жаль, что это не является более очевидным на данный момент. Мы планируем серию статей для охвата таких тем, как эти, и обновление документации на сайте уже находится в работе.

0

Бекки, посмотрев репозиторий GitHub, кажется, что он использует файл css ui-lightness для jQuery UI. https://github.com/appendto/juiceui/tree/master/Juice-Test-Site/css вы можете попробовать загрузить другую тему jQuery вместо этого? вам может потребоваться обеспечить, чтобы этот файл не загружался на ваш сайт. если я ухожу из базы, и вы уже пробовали это, дайте мне знать.

+0

Спасибо. У меня есть гладкость и легкость в моей папке css, но, похоже, она не используется ни в одном из них. (Я отправлю изображение.) – Rivka

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-щ-XXXX.custom.css на страницу и создать html-ссылку на него. Это переопределит css по умолчанию и применит нужную тему. Это нужно сделать на любой странице, на которой вы хотите использовать эту тему. Другой подход - просто обработать папку Fresh-Squeezed в качестве контейнера для темы, которую вы хотите использовать, и заменить изображения и файл custom.css в этой папке. Надеемся, что они будут предлагать другой способ изменения этого в будущих выпусках.

Смежные вопросы