I have a question about the text in Watermark, which appears in many controls. In the views, the text is shown in italics, but in the form the italics disappear. How can I get the italics in the form as well? I use the Style Profile. If I select the old .css file, it works fine, but we want to deprecate it.
Solved
Italics text in watermark
+2Best answer by TinTex
If you are using Style Profile, you can put the following CSS in a .css file, host the .css file somewhere that is accessible, and then link to it via the Style Profile (Developer) tab as an external file:
/* 1. Target the specific ListBox watermark element with high specificity */
body .theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox div.listbox-watermark,
.theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox div.listbox-watermark,
.theme-entry div.listbox-watermark {
font-style: italic !important;
}
/* 2. Target the Title/Label text in ListBoxes and Dropdowns */
.theme-entry .listBoxSelect.select .title,
.theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox .title,
.theme-entry .watermark .styling-font,
.theme-entry .watermark a.input-control {
font-style: italic !important;
}
/* 3. Target standard input placeholders and general watermark classes */
.theme-entry ::placeholder,
.theme-entry .watermark,
.theme-entry .input-control-watermark,
.theme-entry .richtext-watermark-overlay {
font-style: italic !important;
}
Not thoroughly tested, mileage may vary.
- Nintex Employee
- Answer
If you are using Style Profile, you can put the following CSS in a .css file, host the .css file somewhere that is accessible, and then link to it via the Style Profile (Developer) tab as an external file:
/* 1. Target the specific ListBox watermark element with high specificity */
body .theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox div.listbox-watermark,
.theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox div.listbox-watermark,
.theme-entry div.listbox-watermark {
font-style: italic !important;
}
/* 2. Target the Title/Label text in ListBoxes and Dropdowns */
.theme-entry .listBoxSelect.select .title,
.theme-entry .SourceCode-Forms-Controls-Web-ControlPack-ListBox .title,
.theme-entry .watermark .styling-font,
.theme-entry .watermark a.input-control {
font-style: italic !important;
}
/* 3. Target standard input placeholders and general watermark classes */
.theme-entry ::placeholder,
.theme-entry .watermark,
.theme-entry .input-control-watermark,
.theme-entry .richtext-watermark-overlay {
font-style: italic !important;
}
Not thoroughly tested, mileage may vary.
Translate
+2Thank you, it works great.
Translate
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.