За последние 24 часа нас посетили 233864 программиста и 1739 роботов. Сейчас ищут 2004 программиста ...

jquery ui dialog

Тема в разделе "JavaScript и AJAX", создана пользователем VaneS, 12 дек 2014.

  1. VaneS

    VaneS Активный пользователь

    С нами с:
    16 ноя 2011
    Сообщения:
    636
    Симпатии:
    4
    Адрес:
    Россия
    Здравствуйте, пишу дополнение для CMS Diafan.
    В ней уже используется библиотека jquery ui с другой темой, а мне нужно чтобы именно диалоговые окна были в другой теме. Сейчас используется оранжевая тема, а мне надо чтобы диалоговые окна были в синей теме. Как можно изменить дизайн только для окон? Может как то диалог создать с каким то параметром?
    Заранее большое спасибо!
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Можно попробовать так:
    Только для тех тегов которые содержат класс ui-dialog применить свои настройки дизайна.
    Это через CSS делается.
     
  3. VaneS

    VaneS Активный пользователь

    С нами с:
    16 ноя 2011
    Сообщения:
    636
    Симпатии:
    4
    Адрес:
    Россия
    Да мне не своя тема нужна, а чтобы в диалоговых окнах использовалась стандартная тема вот ссылка
    Redmond называется, синяя такая
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Так возьми готовый css и добавь правило, чтобы заменить тему.
    Вот пример как можно заменить задний фон, идентифицируем по классу ui-dialog

    Код (PHP):
    1. <!DOCTYPE HTML>
    2. <html>
    3.  <head>
    4.   <meta charset="utf-8">
    5.   <title>test</title>
    6.   <style>
    7.   p {
    8.       color: red;
    9.   }
    10.  
    11.    .ui-dialog {
    12.     background-color: yellow;
    13.    }
    14.   p[class*="ui-dialog"] {
    15.     background-color: black;
    16.    }
    17.   </style>
    18.  </head>
    19.  <body>
    20.   <p>Тест 1</p>
    21.   <class="ui-dialog">Тест 2</p>
    22.  </body>
    23. </html>
    24.  
    Добавлено спустя 2 минуты 53 секунды:
    Если что это называется Attribute Selector
     
  5. VaneS

    VaneS Активный пользователь

    С нами с:
    16 ноя 2011
    Сообщения:
    636
    Симпатии:
    4
    Адрес:
    Россия
    Ребят, все на много проще! Там на сайте просто можно выбрать тему скачать готовый css файл, при этом можно указать где он будет только использоваться, если указать только диалог, то можно просто подгрузить эту css.