いつもCREATIVE SURVEYをご利用頂きましてありがとうございます。
2023年5月31日(水)9:00にアップデート作業を予定しております。
こちらのアップデートではNPS®︎タイプに関する仕様変更を予定しており、その影響でCSSに変更がございますので、NPS®︎タイプでカスタムCSSをご利用のお客様は事前に下記をご確認くださいませ。
アップデート概要
■実施日時：2023年5月31日(水)9:00
■アップデート対象者：CREATIVE SURVEY for ENTERPRISEプランまたはCREATIVE SURVEY for Salesforceプランをご契約中のユーザー様
（https://＊＊各社様独自のサブドメイン＊＊.svy.ooo/ でご利用のユーザー様が対象となります。）
【修正・改善】
＜デザイン画面＞
※NPS®︎タイプでカスタムCSSをご利用のお客様のみとなります。
NPS®︎タイプ以外でカスタムCSSをご利用のお客様には影響はございません。
(1)タグの変更がありますので、タグでCSS指定している場合は変更が必要となります。
なお、タグを指定していない場合は変更不要となります。
Before
button.stage__inner__page__section__answer__scale__list__item__button { border-color: #4169e1; }
After
label.stage__inner__page__section__answer__scale__list__item__button { border-color: #4169e1; }
下記サンプルのclassは全てbuttonタグ→labelタグに変更になります。
タグでCSS指定している場合はlabelタグに変更が必要になります。
▼サンプル一例
NPS®︎のボタン全体の枠のデフォルト色を変えるCSS
.stage__inner__page__section__answer__scale__list__item__button { border-color: #4169e1; }
ボタン上にホバーした際の色を変えるCSS
.stage__inner__page__section__answer__scale__list__item__button:hover { background-color: #ffa500; }
ボタン選択後の背景色を変えるCSS
.stage__inner__page__section__answer__scale__list__item__button__on { background-color: #ffa500; }
スマホ画面でボタン選択した際の吹き出しの色など
.stage__inner__page__section__answer__scale__list__item__button__on .tip { background-color: #ffa500; } .stage__inner__page__section__answer__scale__list__item__button__on .tip:before { left: 50%; margin-left: -10px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #d2691e transparent transparent transparent; }
(2)アップデート後は使用できなくなるclassがあります。
以下のclassを設定している場合は代替のCSSに変更ください。
▼使用できなくなるclass
.stage__inner__page__section__answer__scale__list__caret { background-color: #004E98; }
▼代替CSS
.stage__inner__page__section__answer__scale__list__item__button__on { border: solid 3px #004E98; }
以上、ご不明な点がございましたら下記よりお問い合わせくださいませ。
ユーザー様向けお問い合わせフォーム
(ご契約ユーザー様以外からのお問い合わせはご対応できかねますのでご了承くださいませ)
最終更新日：2023/05/12