Jump to content

Как убрать запятые у элементов дополнительного поля в Pages?


bandit583
 Share

Recommended Posts

Привет, можно ли как то убрать запятые у элементов дополнительного поля в Pages? К примеру у доп поля типа "Выпадающий список" включен множественный выбор и выбрано 3 значения. После каждого значения автоматов ставится запятая. 

Как то можно убрать запятые между значениями?

Спойлер

1869936772_2021-05-09005727.png.02db1c13733adf1ca8aee95dbf261f45.png

 

Link to comment
Share on other sites

Привет, скорее всего запятые указаны с помощью css, нужно проинспектировать элемент и переопределить свойство в custom.css

Link to comment
Share on other sites

Павел смотрел, указаны не в css, как я понял это уже сам IPS ставит их. В консоли посмотрел, у запятой даже класса никакого нет, совсем.

Link to comment
Share on other sites

Данные поля можно форматировать как угодно, если выбрать собственный формат отображения поля и ввести например это:

<span class="ipsBadge ipsBadge_style1">
  {$label}: 
  {{$vals = explode(',', $value);}}
  {{foreach $vals as $val}}
      {$val}
  {{endforeach}}
</span>

 

Link to comment
Share on other sites
5 минут назад, Павел сказал:

Данные поля можно форматировать как угодно, если выбрать собственный формат отображения поля и ввести например это:


<span class="ipsBadge ipsBadge_style1">
  {$label}: 
  {{$vals = explode(',', $value);}}
  {{foreach $vals as $val}}
      {$val}
  {{endforeach}}
</span>

 

Спасибо, вроде то что надо, только как вместо $value вписать $formValue|raw?

Link to comment
Share on other sites
16 минут назад, bandit583 сказал:

Спасибо, вроде то что надо, только как вместо $value вписать $formValue|raw?

То есть? Так и вписать. Можно же поэкспериментировать и попробовать разные варианты.

Link to comment
Share on other sites
4 минуты назад, Павел сказал:

То есть? Так и вписать. Можно же поэкспериментировать и попробовать разные варианты.

Вписываю именно $formValue|raw, но raw не принимается в вашем коде. Поэтому и спрашиваю, мож не так вписываю.

Link to comment
Share on other sites
2 минуты назад, Павел сказал:

С formValue код будет таким:


<span class="ipsBadge ipsBadge_style1">
  {$label}: 
  {{$vals = explode(',', $formValue);}}
  {{foreach $vals as $val}}
      {$val}
  {{endforeach}}
</span>

 

Проблема в модификаторе "|raw" для форматирования HTML. Делаю так:

 {$label}: 
  {{$vals = explode(',', $formValue|raw);}}
  {{foreach $vals as $val}}
      {$val}
  {{endforeach}}

Но изменений нет. Или так будет неверно?

Link to comment
Share on other sites
2 минуты назад, Павел сказал:

Какая стоит задача? Как выглядит выпадающий список? formValue показывает ключи выпадающего списка.

Вывести элементы с применением классов.

Тоесть если пишу так, то все работает как задумано и оформление к элементам применяется:

<div class="forma_one"> <div class="form_border"><i class="fab fa-get-pocket"></i>
 {$label} </div>
      <div class="form_fon">
       {$formValue|raw}

      
    </div> </div>

 А если через ваш способ, то выводятся все значения без форматирования.

 

1588567951_2021-05-09142200.png.7fc6997c9a0962cc673d740948b1ca60.png

1998874363_2021-05-09142131.png.f23307894dc2b5180c957f4022f2de40.png

Link to comment
Share on other sites

Использовать HTML код в ключах не совсем хорошая идея. Ключи лучше задавать цифровые или латинские. А для оформления можно использовать проверку if, например так:

<span class="ipsBadge ipsBadge_style1">
  {$label}: 
  	  {{$vals = explode(',', $value);}}

  	  {{foreach $vals as $val}}
        {{if ltrim($val) == 'Значение 1'}}
          <span style="color:red">{$val}</span>
        {{elseif ltrim($val) == 'Значение 2'}}
          <span style="color:blue">{$val}</span>
  		{{elseif ltrim($val) == 'Значение 3'}}
          <span style="color:orange">{$val}</span>
        {{endif}}
 	  {{endforeach}}

</span>

ltrim - удаляет пробелы из начала строки.

Link to comment
Share on other sites
6 минут назад, Павел сказал:

Использовать HTML код в ключах не совсем хорошая идея. Ключи лучше задавать цифровые или латинские. А для оформления можно использовать проверку if, например так:


<span class="ipsBadge ipsBadge_style1">
  {$label}: 
  	  {{$vals = explode(',', $value);}}

  	  {{foreach $vals as $val}}
        {{if ltrim($val) == 'Значение 1'}}
          <span style="color:red">{$val}</span>
        {{elseif ltrim($val) == 'Значение 2'}}
          <span style="color:blue">{$val}</span>
  		{{elseif ltrim($val) == 'Значение 3'}}
          <span style="color:orange">{$val}</span>
        {{endif}}
 	  {{endforeach}}

</span>

ltrim - удаляет пробелы из начала строки.

Если элементов много, то для каждого элемента так делать надо? Если к примеру все элементы (тобишь значения) должны быть одинакового цвета. 

Link to comment
Share on other sites

Если форматирование нужно задать для каждого элемента разное, то да - прописывать для каждого. Если для остальных одинаковое, то можно перед {{endif}} добавить блок {{else}}

Link to comment
Share on other sites
18 минут назад, Павел сказал:

Если форматирование нужно задать для каждого элемента разное, то да - прописывать для каждого. Если для остальных одинаковое, то можно перед {{endif}} добавить блок {{else}}

Спасибо за помощь :)

Link to comment
Share on other sites
2 часа назад, Павел сказал:

Если форматирование нужно задать для каждого элемента разное, то да - прописывать для каждого. Если для остальных одинаковое, то можно перед {{endif}} добавить блок {{else}}

А можно ли через этот вариант "{{$vals = explode(',', $value);}}"  отобразить не только $value, но и $formValue? Но чтоб к $value применить один цвет, а к $formValue другой, ну или другие стили 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...

Important Information

By using our site you agree to our Privacy Policy