Add 2 icons

This commit is contained in:
Svetlana Maleeva 2024-02-01 14:21:06 +03:00
parent 1238933a09
commit fa45630481
6 changed files with 103 additions and 79 deletions

View File

@ -28,7 +28,7 @@
<li> <li>
After you have filled in all the fields, сlick the <div class="icon icon-submit_form_icon"></div> <b>Submit</b> button at the top toolbar to send the form for further processing. Please note that this action cannot be undone. The form cannot be submitted until all required fields are filled in. After you have filled in all the fields, сlick the <div class="icon icon-submit_form_icon"></div> <b>Submit</b> button at the top toolbar to send the form for further processing. Please note that this action cannot be undone. The form cannot be submitted until all required fields are filled in.
<p class="note">If you are using the server version of ONLYOFFICE Docs, the presence of the <b>Submit</b> button depends on the configuration. When there is no configuration for submitting a form, the button will be displayed as <b>Save as</b>. Read <a href="https://api.onlyoffice.com/editors/config/editor/customization">this article</a> to learn more. </p> <p class="note">If you are using the server version of ONLYOFFICE Docs, the presence of the <b>Submit</b> button depends on the configuration. When there is no configuration for submitting a form, the button will be displayed as <b>Save as</b>. Read <a href="https://api.onlyoffice.com/editors/config/editor/customization">this article</a> to learn more. </p>
<span class="desktopDocumentFeatures">In the <em>desktop</em> editors, the <b>Save as</b> button is displayed instead of the <b>Submit</b> button.</span> <span class="desktopDocumentFeatures">In the <em>desktop</em> editors, the <span class="icon icon-saveas_form_icon"></span> <b>Save as</b> button is displayed instead of the <span class="icon icon-submit_form_icon"></span> <b>Submit</b> button.</span>
<p>You can also use the <b>Print</b> button to <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">print</a> the form or switch to the <b>File</b> tab and download the form in one of the supported format.</p> <p>You can also use the <b>Print</b> button to <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">print</a> the form or switch to the <b>File</b> tab and download the form in one of the supported format.</p>
</li> </li>
</ol> </ol>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -48,236 +48,248 @@
height: 22px; height: 22px;
} }
.icon-favorites_icon { .icon-saveas_form_icon {
background-position: -56px -22px; background-position: -56px -22px;
width: 22px;
height: 22px;
}
.icon-submit_form_icon {
background-position: 0px -54px;
width: 20px;
height: 22px;
}
.icon-favorites_icon {
background-position: -20px -54px;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.icon-sortcommentsicon { .icon-sortcommentsicon {
background-position: 0px -54px; background-position: -40px -54px;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.icon-comment_toptoolbar { .icon-comment_toptoolbar {
background-position: -20px -54px; background-position: -60px -54px;
width: 22px; width: 22px;
height: 19px; height: 19px;
} }
.icon-removecomment_toptoolbar { .icon-removecomment_toptoolbar {
background-position: -42px -54px; background-position: -84px 0px;
width: 15px; width: 15px;
height: 19px; height: 19px;
} }
.icon-search_advanced { .icon-search_advanced {
background-position: -57px -54px; background-position: 0px -76px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.icon-search_icon_header { .icon-search_icon_header {
background-position: -84px 0px; background-position: -18px -76px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.icon-access_rights { .icon-access_rights {
background-position: 0px -74px; background-position: -36px -76px;
width: 22px; width: 22px;
height: 17px; height: 17px;
} }
.icon-gotodocuments { .icon-gotodocuments {
background-position: -22px -74px; background-position: -58px -76px;
width: 20px; width: 20px;
height: 17px; height: 17px;
} }
.icon-chaticon_new { .icon-chaticon_new {
background-position: -42px -74px; background-position: -78px -76px;
width: 19px; width: 19px;
height: 17px; height: 17px;
} }
.icon-editcommenticon { .icon-editcommenticon {
background-position: -84px -18px; background-position: -99px 0px;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.icon-handtool { .icon-handtool {
background-position: -84px -34px; background-position: -99px -16px;
width: 13px; width: 13px;
height: 16px; height: 16px;
} }
.icon-pagethumbnails { .icon-pagethumbnails {
background-position: -84px -50px; background-position: -99px -32px;
width: 12px; width: 12px;
height: 16px; height: 16px;
} }
.icon-selectiontool { .icon-selectiontool {
background-position: -61px -74px; background-position: -99px -48px;
width: 10px; width: 10px;
height: 16px; height: 16px;
} }
.icon-search_options { .icon-search_options {
background-position: -71px -74px; background-position: 0px -94px;
width: 22px; width: 22px;
height: 15px; height: 15px;
} }
.icon-chaticon { .icon-chaticon {
background-position: -102px 0px; background-position: -22px -94px;
width: 18px; width: 18px;
height: 15px; height: 15px;
} }
.icon-print { .icon-print {
background-position: -102px -15px; background-position: -40px -94px;
width: 17px; width: 17px;
height: 15px; height: 15px;
} }
.icon-about { .icon-about {
background-position: -102px -30px; background-position: -99px -64px;
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
.icon-fitpage { .icon-fitpage {
background-position: -102px -45px; background-position: -99px -79px;
width: 13px; width: 13px;
height: 15px; height: 15px;
} }
.icon-pagenumber { .icon-pagenumber {
background-position: 0px -91px; background-position: -115px 0px;
width: 65px; width: 65px;
height: 14px; height: 14px;
} }
.icon-commentsicon { .icon-commentsicon {
background-position: -102px -60px; background-position: -115px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-save { .icon-save {
background-position: -102px -74px; background-position: -129px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-searchicon { .icon-searchicon {
background-position: -65px -91px; background-position: -143px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-firstpage { .icon-firstpage {
background-position: -79px -91px; background-position: -157px -14px;
width: 11px; width: 11px;
height: 14px; height: 14px;
} }
.icon-lastpage { .icon-lastpage {
background-position: -90px -91px; background-position: -168px -14px;
width: 11px; width: 11px;
height: 14px; height: 14px;
} }
.icon-nextpage { .icon-nextpage {
background-position: -75px -54px; background-position: -115px -28px;
width: 9px; width: 9px;
height: 14px; height: 14px;
} }
.icon-previouspage { .icon-previouspage {
background-position: -93px -74px; background-position: -124px -28px;
width: 9px; width: 9px;
height: 14px; height: 14px;
} }
.icon-feedbackicon { .icon-feedbackicon {
background-position: -101px -91px; background-position: -133px -28px;
width: 15px; width: 15px;
height: 13px; height: 13px;
} }
.icon-copy { .icon-copy {
background-position: 0px -105px; background-position: -148px -28px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-paste { .icon-paste {
background-position: -14px -105px; background-position: -162px -28px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-selectall { .icon-selectall {
background-position: -28px -105px; background-position: -115px -42px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-zoomin { .icon-zoomin {
background-position: -42px -105px; background-position: -129px -42px;
width: 13px; width: 13px;
height: 13px; height: 13px;
} }
.icon-deletecommenticon { .icon-deletecommenticon {
background-position: -56px -42px; background-position: -142px -42px;
width: 11px; width: 11px;
height: 12px; height: 12px;
} }
.icon-fitwidth { .icon-fitwidth {
background-position: -67px -42px; background-position: -153px -42px;
width: 16px; width: 16px;
height: 11px; height: 11px;
} }
.icon-resolvedicon { .icon-resolvedicon {
background-position: -55px -105px; background-position: -115px -55px;
width: 12px; width: 12px;
height: 11px; height: 11px;
} }
.icon-resolveicon { .icon-resolveicon {
background-position: -67px -105px; background-position: -127px -55px;
width: 12px; width: 12px;
height: 11px; height: 11px;
} }
.icon-zoomout { .icon-zoomout {
background-position: -79px -105px; background-position: -169px -42px;
width: 10px; width: 10px;
height: 11px; height: 11px;
} }
.icon-navigationicon { .icon-navigationicon {
background-position: -89px -105px; background-position: -139px -55px;
width: 13px; width: 13px;
height: 10px; height: 10px;
} }
.icon-searchdownbutton { .icon-searchdownbutton {
background-position: -84px -66px; background-position: -152px -55px;
width: 14px; width: 14px;
height: 8px; height: 8px;
} }
.icon-searchupbutton { .icon-searchupbutton {
background-position: -102px -105px; background-position: -166px -55px;
width: 14px; width: 14px;
height: 8px; height: 8px;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 253 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 311 B

View File

@ -15392,236 +15392,248 @@ input[id^="expanded"]:not(:checked) + label + ul.collapsible {
height: 22px; height: 22px;
} }
.icon-favorites_icon { .icon-saveas_form_icon {
background-position: -56px -22px; background-position: -56px -22px;
width: 22px;
height: 22px;
}
.icon-submit_form_icon {
background-position: 0px -54px;
width: 20px;
height: 22px;
}
.icon-favorites_icon {
background-position: -20px -54px;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.icon-sortcommentsicon { .icon-sortcommentsicon {
background-position: 0px -54px; background-position: -40px -54px;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.icon-comment_toptoolbar { .icon-comment_toptoolbar {
background-position: -20px -54px; background-position: -60px -54px;
width: 22px; width: 22px;
height: 19px; height: 19px;
} }
.icon-removecomment_toptoolbar { .icon-removecomment_toptoolbar {
background-position: -42px -54px; background-position: -84px 0px;
width: 15px; width: 15px;
height: 19px; height: 19px;
} }
.icon-search_advanced { .icon-search_advanced {
background-position: -57px -54px; background-position: 0px -76px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.icon-search_icon_header { .icon-search_icon_header {
background-position: -84px 0px; background-position: -18px -76px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.icon-access_rights { .icon-access_rights {
background-position: 0px -74px; background-position: -36px -76px;
width: 22px; width: 22px;
height: 17px; height: 17px;
} }
.icon-gotodocuments { .icon-gotodocuments {
background-position: -22px -74px; background-position: -58px -76px;
width: 20px; width: 20px;
height: 17px; height: 17px;
} }
.icon-chaticon_new { .icon-chaticon_new {
background-position: -42px -74px; background-position: -78px -76px;
width: 19px; width: 19px;
height: 17px; height: 17px;
} }
.icon-editcommenticon { .icon-editcommenticon {
background-position: -84px -18px; background-position: -99px 0px;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.icon-handtool { .icon-handtool {
background-position: -84px -34px; background-position: -99px -16px;
width: 13px; width: 13px;
height: 16px; height: 16px;
} }
.icon-pagethumbnails { .icon-pagethumbnails {
background-position: -84px -50px; background-position: -99px -32px;
width: 12px; width: 12px;
height: 16px; height: 16px;
} }
.icon-selectiontool { .icon-selectiontool {
background-position: -61px -74px; background-position: -99px -48px;
width: 10px; width: 10px;
height: 16px; height: 16px;
} }
.icon-search_options { .icon-search_options {
background-position: -71px -74px; background-position: 0px -94px;
width: 22px; width: 22px;
height: 15px; height: 15px;
} }
.icon-chaticon { .icon-chaticon {
background-position: -102px 0px; background-position: -22px -94px;
width: 18px; width: 18px;
height: 15px; height: 15px;
} }
.icon-print { .icon-print {
background-position: -102px -15px; background-position: -40px -94px;
width: 17px; width: 17px;
height: 15px; height: 15px;
} }
.icon-about { .icon-about {
background-position: -102px -30px; background-position: -99px -64px;
width: 15px; width: 15px;
height: 15px; height: 15px;
} }
.icon-fitpage { .icon-fitpage {
background-position: -102px -45px; background-position: -99px -79px;
width: 13px; width: 13px;
height: 15px; height: 15px;
} }
.icon-pagenumber { .icon-pagenumber {
background-position: 0px -91px; background-position: -115px 0px;
width: 65px; width: 65px;
height: 14px; height: 14px;
} }
.icon-commentsicon { .icon-commentsicon {
background-position: -102px -60px; background-position: -115px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-save { .icon-save {
background-position: -102px -74px; background-position: -129px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-searchicon { .icon-searchicon {
background-position: -65px -91px; background-position: -143px -14px;
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.icon-firstpage { .icon-firstpage {
background-position: -79px -91px; background-position: -157px -14px;
width: 11px; width: 11px;
height: 14px; height: 14px;
} }
.icon-lastpage { .icon-lastpage {
background-position: -90px -91px; background-position: -168px -14px;
width: 11px; width: 11px;
height: 14px; height: 14px;
} }
.icon-nextpage { .icon-nextpage {
background-position: -75px -54px; background-position: -115px -28px;
width: 9px; width: 9px;
height: 14px; height: 14px;
} }
.icon-previouspage { .icon-previouspage {
background-position: -93px -74px; background-position: -124px -28px;
width: 9px; width: 9px;
height: 14px; height: 14px;
} }
.icon-feedbackicon { .icon-feedbackicon {
background-position: -101px -91px; background-position: -133px -28px;
width: 15px; width: 15px;
height: 13px; height: 13px;
} }
.icon-copy { .icon-copy {
background-position: 0px -105px; background-position: -148px -28px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-paste { .icon-paste {
background-position: -14px -105px; background-position: -162px -28px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-selectall { .icon-selectall {
background-position: -28px -105px; background-position: -115px -42px;
width: 14px; width: 14px;
height: 13px; height: 13px;
} }
.icon-zoomin { .icon-zoomin {
background-position: -42px -105px; background-position: -129px -42px;
width: 13px; width: 13px;
height: 13px; height: 13px;
} }
.icon-deletecommenticon { .icon-deletecommenticon {
background-position: -56px -42px; background-position: -142px -42px;
width: 11px; width: 11px;
height: 12px; height: 12px;
} }
.icon-fitwidth { .icon-fitwidth {
background-position: -67px -42px; background-position: -153px -42px;
width: 16px; width: 16px;
height: 11px; height: 11px;
} }
.icon-resolvedicon { .icon-resolvedicon {
background-position: -55px -105px; background-position: -115px -55px;
width: 12px; width: 12px;
height: 11px; height: 11px;
} }
.icon-resolveicon { .icon-resolveicon {
background-position: -67px -105px; background-position: -127px -55px;
width: 12px; width: 12px;
height: 11px; height: 11px;
} }
.icon-zoomout { .icon-zoomout {
background-position: -79px -105px; background-position: -169px -42px;
width: 10px; width: 10px;
height: 11px; height: 11px;
} }
.icon-navigationicon { .icon-navigationicon {
background-position: -89px -105px; background-position: -139px -55px;
width: 13px; width: 13px;
height: 10px; height: 10px;
} }
.icon-searchdownbutton { .icon-searchdownbutton {
background-position: -84px -66px; background-position: -152px -55px;
width: 14px; width: 14px;
height: 8px; height: 8px;
} }
.icon-searchupbutton { .icon-searchupbutton {
background-position: -102px -105px; background-position: -166px -55px;
width: 14px; width: 14px;
height: 8px; height: 8px;
} }