View Revisions: Issue #940

Summary 0000940: Add option to set icons for printer options
Revision 2018-03-21 19:16 by rijkr
Description IST: In User Web App Printer Settings dialog, option choices are text-only.
SOLL: Add configuration option in ipp-i18n.xml to prepend text with a 16x16 icon. Entry keys are IPP attributes or choices with prefix "ipp-icon-". Values are CSS classes, defined by SavaPage ("sp-ipp-icon-tree", "sp-ipp-icon-warn" and "sp-ipp-icon-void"), or defined in customized .css file. A key/value for an IPP attribute acts as default for all attribute choices: exceptions are defined with key/values for specific IPP attribute choices.

Snippet from custom.css :
.my-ipp-icon-ok {
    background-image: URL('/custom/web/images/ok-16x16.png');
}
.my-ipp-icon-warn {
    background-image: URL('/custom/web/images/warn-16x16.png');
}

Snippet from ipp-i18n.xml :
<!-- CSS classes for icons -->
<entry key="ipp-icon-sides">sp-ipp-icon-tree</entry>
<entry key="ipp-icon-sides-one-sided">sp-ipp-icon-warn</entry>

<entry key="ipp-icon-print-color-mode">sp-ipp-icon-warn</entry>
<entry key="ipp-icon-print-color-mode-monochrome">sp-ipp-icon-tree</entry>

<entry key="ipp-icon-number-up">my-ipp-icon-ok</entry>
<entry key="ipp-icon-number-up-1">my-ipp-icon-warn</entry>
Revision 2018-03-21 19:00 by rijkr
Description IST: In User Web App Printer Settings dialog, option choices are text-only.
SOLL: Add configuration option in ipp-i18n.xml to prepend text with a 16x16 icon. Entry keys are IPP attributes or choices with prefix "ipp-icon-". Values are CSS classes, defined by SavaPage ("sp-ipp-icon-tree", "sp-ipp-icon-warn"), or defined in customized .css file. A key/value for an IPP attribute acts as default for all attribute choices: exceptions are defined with key/values for specific IPP attribute choices.

Snippet from custom.css :
.my-ipp-icon-ok {
    background-image: URL('/custom/web/images/ok-16x16.png');
}
.my-ipp-icon-warn {
    background-image: URL('/custom/web/images/warn-16x16.png');
}

Snippet from ipp-i18n.xml :
<!-- CSS classes for icons -->
<entry key="ipp-icon-sides">sp-ipp-icon-tree</entry>
<entry key="ipp-icon-sides-one-sided">sp-ipp-icon-warn</entry>

<entry key="ipp-icon-print-color-mode">sp-ipp-icon-warn</entry>
<entry key="ipp-icon-print-color-mode-monochrome">sp-ipp-icon-tree</entry>

<entry key="ipp-icon-number-up">my-ipp-icon-ok</entry>
<entry key="ipp-icon-number-up-1">my-ipp-icon-warn</entry>
Revision 2018-03-21 18:59 by rijkr
Description IST: In User Web App Printer Settings dialog, option choices are text-only.
SOLL: Add configuration option in ipp-i18n.xml to prepend text with a 16x16 icon. Entry keys are IPP attributes or choices with prefix "ipp-icon-". Values are CSS classes, defined by SavaPage ("sp-ipp-icon-tree", "sp-ipp-icon-warn"), or defined in customized .css file. A key/value for an IPP attribute acts as default for all attribute choices: exceptions are defined with key/values for specific IPP attribute choices.

Snippet from custom.css :
.my-ipp-icon-ok {
    background-image: URL('//custom/web/images/ok-16x16.png');
}
.my-ipp-icon-warn {
    background-image: URL('//custom/web/images/warn-16x16.png');
}

Snippet from ipp-i18n.xml :
<!-- CSS classes for icons -->
<entry key="ipp-icon-sides">sp-ipp-icon-tree</entry>
<entry key="ipp-icon-sides-one-sided">sp-ipp-icon-warn</entry>

<entry key="ipp-icon-print-color-mode">sp-ipp-icon-warn</entry>
<entry key="ipp-icon-print-color-mode-monochrome">sp-ipp-icon-tree</entry>

<entry key="ipp-icon-number-up">my-ipp-icon-ok</entry>
<entry key="ipp-icon-number-up-1">my-ipp-icon-warn</entry>
Revision 2018-03-21 18:59 by rijkr
Description IST: In User Web App Printer Settings dialog, option choices are text-only.
SOLL: Add configuration option in ipp-i18n.xml to prepend text with a 16x16 icon. Entry keys are IPP attributes or choices with prefix "ipp-icon-". Values are CSS classes, defined by SavaPage ("sp-ipp-icon-tree", "sp-ipp-icon-warn"), or defined in customized .css file. A key/value for an IPP attribute acts as default for all attribute choices: exceptions are defined with key/values for specific IPP attribute choices.

Snippet from custom.css :
.my-ipp-icon-ok {
    background-image: URL('//custom/web/images/ok-16x16.png');
}
.my-ipp-icon-warn {
    background-image: URL('//custom/web/images/warn-16x16.png');
}


Snippet from ipp-i18n.xml :
<!-- CSS classes for icons -->
<entry key="ipp-icon-sides">sp-ipp-icon-tree</entry>
<entry key="ipp-icon-sides-one-sided">sp-ipp-icon-warn</entry>

<entry key="ipp-icon-print-color-mode">sp-ipp-icon-warn</entry>
<entry key="ipp-icon-print-color-mode-monochrome">sp-ipp-icon-tree</entry>

<entry key="ipp-icon-number-up">my-ipp-icon-ok</entry>
<entry key="ipp-icon-number-up-1">my-ipp-icon-warn</entry>