メインコンテンツへスキップ

How do I customize my embedded contact form? - ナレッジベース / Using Deskpro / Admin - Deskpro Support

How do I customize my embedded contact form?

作成者一覧

Just like every other aspect of Deskpro, the embedded contact form is powered by the customizable CSS stylesheet and template system.

 

Changing the template

Go to Admin > User Interface > Help Center > Help Center Design > Open Template Editor.

 

Then at the top of the template editor, select and edit the new-ticket-iframe.html template inside Internal.

Changing the style

Go to Admin > User Interface > Help Center > Help Center Design > Edit Custom CSS

Here you can add CSS rules to change the look of the new ticket form. The form resides inside of an element with the class "dp-simple-iframe" which you can use to scope rules to only the embedded form.

For example, here's some CSS that you might use for a dark-themed website with black backgrounds and white text:

.dp-simple-iframe #dp, .dp-simple-iframe #dp label {
    color: #fff;
}

.dp-simple-iframe #dp input, .dp-simple-iframe #dp textarea {
    color: #fff;
    border: 1px solid #fff;
    background: #000;
}

.dp-simple-iframe #dp input:focus, .dp-simple-iframe #dp textarea:focus {
    box-shadow: none;
}

.dp-simple-iframe #dp .dp-hidden-file-upload .link {
    color: #fff;
}

.dp-simple-iframe #dp .dp-attach-limits {
    color: #eee;
}


参考になった 役に立たない

コメントを追加

コメントを投稿するには、ログインまたは登録が必要です。

パスワードをお忘れですか?