Skip to content

Commit 9c0b8ba

Browse files
TanyaDimitrovaTanyaDimitrova
committed
Update feedback form styles
1 parent 9cd8c32 commit 9c0b8ba

File tree

2 files changed

+436
-210
lines changed

2 files changed

+436
-210
lines changed

‎_assetsApi/docfx-tmpl/src/partials/footer.tmpl.partial‎

Lines changed: 99 additions & 209 deletions
Original file line numberDiff line numberDiff line change
@@ -1,235 +1,125 @@
11
<div id="footer" class="container-fluid pb-40">
2-
<div class="row feedback-row mb-60">
3-
<div class="col-sm-8 col-sm-offset-4 col-md-offset-3 col-lg-8 col-lg-offset-2">
4-
<div class="row">
5-
<div class="col-md-10 col-md-offset-1">
6-
<div class="row feedback">
7-
<div class="col-xs-8">
8-
<h4>Was this article helpful?</h4>
9-
</div>
10-
<div class="col-xs-4 text-right">
11-
<button data-value="yes" id="yesButton">Yes</button>
12-
&nbsp;/&nbsp;
13-
<button data-value="no" id="noButton">No</button>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
</div>
19-
</div>
20-
21-
<div class="dialog-overlay">
22-
<div class="feedback-dialog dialog dialog-enter">
23-
<div id="feedback-container">
24-
<div id="feedback-window-container">
25-
<div id="feedback-form-window">
26-
<h3 class="mt-0 mb-5">Give article feedback</h3>
27-
<p>Tell us how we can improve this article</p>
28-
<span id="feedback-form-popup-container"></span>
29-
<form id="feedback-form">
30-
<div id="feedback-checkbox-area">
312
<input id="hidden-sheet-id" type="hidden" value="1HHlD_amgJPEh0GFobTkhTb9WBL9YbcKaYmlq-fCJb14">
32-
<label>
33-
<input type="checkbox" data-bind="checked: outdatedSample" /> Code samples are inaccurate / outdated.
34-
</label>
35-
<span class="required-field" data-bind="visible: outdatedSample"></span>
36-
<textarea id="feedback-code-sample-text-input" placeholder="Please, specify more details ..." class="feedback-extw__textarea"
37-
data-bind="visible: outdatedSample, value: inaccurateOutdatedCodeSamplesText">
38-
</textarea>
39-
<label>
40-
<input type="checkbox" data-bind="checked: otherMoreInformation" /> I expected to find other / more information.
41-
</label>
42-
<span class="required-field" data-bind="visible: otherMoreInformation"></span>
43-
<textarea id="feedback-more-information-text-input" class="feedback-extw__textarea" placeholder="Please, specify what information can be added ..."
44-
data-bind="visible: otherMoreInformation, value: otherMoreInformationText">
45-
</textarea>
46-
<label>
47-
<input type="checkbox" data-bind="checked: textErrors" /> There are typos / broken links / broken page elements.
48-
</label>
49-
<span class="required-field" data-bind="visible: textErrors"></span>
50-
<textarea id="feedback-text-errors-text-input" class="feedback-extw__textarea" placeholder="Please, specify what needs to be fixed ..."
51-
data-bind="visible: textErrors, value: typosLinksElementsText">
52-
</textarea>
53-
<label>
54-
<input type="checkbox" data-bind="checked: inaccurateContent" /> Content is inaccurate / outdated.
55-
</label>
56-
<span class="required-field" data-bind="visible: inaccurateContent"></span>
57-
<textarea id="feedback-inaccurate-content-text-input" class="feedback-extw__textarea" placeholder="Please, specify which conent ..."
58-
data-bind="visible: inaccurateContent, value: inaccurateOutdatedContentText">
59-
</textarea>
60-
<label>
61-
<input type="checkbox" data-bind="checked: otherFeedback" /> Other
62-
</label>
63-
<span class="required-field" data-bind="visible: otherFeedback"></span>
64-
<textarea id="feedback-other-text-input" placeholder="Please, enter more details or not listed feedback ..." class="feedback-extw__textarea"
65-
data-bind="visible: otherFeedback, value: textFeedback">
66-
</textarea>
67-
<input id="feedback-email-input" type="email" placeholder="email (optional)" data-email-msg="Email format is not valid."
68-
class="feedback-extw__input input" data-bind="value: email" />
69-
<label>
70-
<input type="checkbox" data-bind="checked: acceptFeedbackContact" /> By checking this box you consent to Progress contacting you by email about your response on this page.
71-
</label>
72-
</div>
73-
</form>
74-
<div class="feedback-extw__foot">
75-
<p class="mt-30 mb-0" style="text-align: right;">
76-
<button class="button ghost dialog-hide">Cancel</button>
77-
<button class="button dialog-hide" type="submit">Submit</button>
78-
</p>
79-
</div>
80-
</div>
81-
</div>
82-
</div>
83-
</div>
84-
</div>
85-
86-
<script>
87-
$(document).ready(function() {
88-
initFeedbackForm({
89-
dialog: ".dialog-overlay",
90-
closeButtons: ".dialog-hide",
91-
container: ".feedback"
92-
});
93-
});
94-
</script>
95-
96-
<script>
97-
$(".read-prev").hover(function() {
98-
$(".title-prev").show();
99-
}, function() {
100-
$(".title-prev").hide();
101-
});
102-
103-
$(".read-next").hover(function() {
104-
$(".title-next").show();
105-
}, function() {
106-
$(".title-next").hide();
107-
});
108-
109-
$(".all-components").click(function() {
110-
$(".all-components").toggleClass("show-components");
111-
$('.sidetoggle').toggleClass("collapse");
112-
$('.sidetoc').toggleClass("show-components");
113-
$(".sidefilter").toggleClass("show-components");
114-
});
115-
</script>
116-
117-
118-
<div class="row">
119-
<div class="col-lg-8 col-lg-offset-2">
120-
<div class="row">
121-
<div class="col-md-12 col-lg-10 col-lg-offset-1">
122-
<div class="row">
123-
124-
125-
<div class="col-sm-4 mb-20">
126-
<h6 class="mt-0 mb-10">Getting Started</h6>
127-
<ul class="list-unstyled">
128-
129-
<li>
130-
<a href="https://docs.telerik.com/devtools/document-processing/getting-started" target="_blank">Getting Started</a>
131-
</li>
132-
133-
</ul>
134-
</div>
135-
136-
<div class="col-sm-4 mb-20">
137-
<h6 class="mt-0 mb-10">Support Resources</h6>
138-
<ul class="list-unstyled">
139-
140-
<li>
141-
<a href="https://docs.telerik.com/devtools/document-processing/introduction" target="_blank">Documentation</a>
142-
</li>
143-
144-
</ul>
145-
</div>
146-
147-
<div class="col-sm-4 mb-20">
148-
<h6 class="mt-0 mb-10">Community</h6>
149-
<ul class="list-unstyled">
150-
151-
<li>
152-
<a href="https://www.telerik.com/forums/telerik-document-processing" target="_blank">Forums</a>
153-
</li>
154-
155-
<li>
156-
<a href="https://www.telerik.com/blogs/.net" target="_blank">Blogs</a>
157-
</li>
158-
159-
<li>
160-
<a href="https://feedback.telerik.com/Project/184" target="_blank">Document Processing Feedback Portal</a>
161-
</li>
162-
163-
</ul>
164-
</div>
165-
166-
167-
</div>
168-
<div class="row copyright">
169-
<div class="col-sm-4 social-icons">
170-
<span class="sticky">
171-
<a class="social-icon" href="https://www.facebook.com/Telerik/" title=""><?xml version="1.0" encoding="utf-8"?>
172-
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
173-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
174-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3+
{{>partials/feedback}}
4+
<div class="row mt-60">
5+
<div class="col-lg-8 col-lg-offset-2">
6+
<div class="row">
7+
<div class="col-md-12 col-lg-10 col-lg-offset-1">
8+
<div class="row">
9+
10+
11+
<div class="col-sm-4 mb-20">
12+
<h6 class="mt-0 mb-10">Getting Started</h6>
13+
<ul class="list-unstyled">
14+
15+
<li>
16+
<a href="https://docs.telerik.com/devtools/document-processing/getting-started" target="_blank">Getting Started</a>
17+
</li>
18+
19+
</ul>
20+
</div>
21+
22+
<div class="col-sm-4 mb-20">
23+
<h6 class="mt-0 mb-10">Support Resources</h6>
24+
<ul class="list-unstyled">
25+
26+
<li>
27+
<a href="https://docs.telerik.com/devtools/document-processing/introduction" target="_blank">Documentation</a>
28+
</li>
29+
30+
</ul>
31+
</div>
32+
33+
<div class="col-sm-4 mb-20">
34+
<h6 class="mt-0 mb-10">Community</h6>
35+
<ul class="list-unstyled">
36+
37+
<li>
38+
<a href="https://www.telerik.com/forums/telerik-document-processing" target="_blank">Forums</a>
39+
</li>
40+
41+
<li>
42+
<a href="https://www.telerik.com/blogs/.net" target="_blank">Blogs</a>
43+
</li>
44+
45+
<li>
46+
<a href="https://feedback.telerik.com/Project/184" target="_blank">Document Processing Feedback Portal</a>
47+
</li>
48+
49+
</ul>
50+
</div>
51+
52+
53+
</div>
54+
<div class="row copyright">
55+
<div class="col-sm-4 social-icons">
56+
<span class="sticky">
57+
<a class="social-icon" href="https://www.facebook.com/Telerik/" title="">
58+
<?xml version="1.0" encoding="utf-8"?>
59+
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
60+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
61+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
17562
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
176-
<path d="M13.766,32.155V17.559H8.854V11.87h4.912V7.675c0-4.869,2.973-7.52,7.316-7.52c2.08,0,3.868,0.155,4.39,0.224v5.088
63+
<path d="M13.766,32.155V17.559H8.854V11.87h4.912V7.675c0-4.869,2.973-7.52,7.316-7.52c2.08,0,3.868,0.155,4.39,0.224v5.088
17764
l-3.013,0.001c-2.362,0-2.819,1.122-2.819,2.769v3.632h5.634l-0.734,5.688H19.64v14.597H13.766z"/>
178-
</svg>
179-
</a>
180-
<a class="social-icon" href="https://twitter.com/Telerik/" title=""><?xml version="1.0" encoding="utf-8"?>
181-
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
182-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
183-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
65+
</svg>
66+
</a>
67+
<a class="social-icon" href="https://twitter.com/Telerik/" title="">
68+
<?xml version="1.0" encoding="utf-8"?>
69+
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
70+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
71+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
18472
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
185-
<path fill="#231F20" d="M32,6.076c-1.178,0.522-2.442,0.875-3.771,1.034c1.355-0.813,2.396-2.1,2.887-3.632
73+
<path fill="#231F20" d="M32,6.076c-1.178,0.522-2.442,0.875-3.771,1.034c1.355-0.813,2.396-2.1,2.887-3.632
18674
c-1.269,0.752-2.674,1.298-4.169,1.593c-1.198-1.276-2.904-2.073-4.792-2.073c-3.626,0-6.566,2.939-6.566,6.565
18775
c0,0.515,0.058,1.016,0.17,1.496C10.303,10.785,5.466,8.171,2.228,4.199c-0.565,0.97-0.889,2.097-0.889,3.3
18876
c0,2.278,1.159,4.287,2.92,5.464c-1.076-0.034-2.088-0.329-2.974-0.821c0,0.027,0,0.055,0,0.083c0,3.181,2.263,5.834,5.267,6.438
18977
c-0.551,0.15-1.131,0.23-1.73,0.23c-0.423,0-0.834-0.041-1.235-0.118c0.835,2.608,3.26,4.507,6.133,4.56
19078
c-2.247,1.761-5.078,2.811-8.154,2.811c-0.53,0-1.052-0.031-1.566-0.092c2.905,1.862,6.356,2.949,10.064,2.949
19179
c12.076,0,18.679-10.004,18.679-18.679c0-0.285-0.007-0.568-0.02-0.849C30.007,8.549,31.12,7.393,32,6.076"/>
192-
</svg>
193-
</a>
194-
<a class="social-icon" href="https://www.youtube.com/user/TelerikInc" title=""><?xml version="1.0" encoding="utf-8"?>
195-
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
196-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
197-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
198-
<path d="M506.887,153.632c0,0-5.003-35.283-20.354-50.82c-19.469-20.393-41.293-20.494-51.301-21.687
80+
</svg>
81+
</a>
82+
<a class="social-icon" href="https://www.youtube.com/user/TelerikInc" title="">
83+
<?xml version="1.0" encoding="utf-8"?>
84+
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
85+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
86+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
87+
<path d="M506.887,153.632c0,0-5.003-35.283-20.354-50.82c-19.469-20.393-41.293-20.494-51.301-21.687
19988
c-71.647-5.179-179.121-5.179-179.121-5.179h-0.223c0,0-107.472,0-179.121,5.179c-10.008,1.194-31.824,1.295-51.301,21.687
20089
c-15.351,15.537-20.346,50.82-20.346,50.82S0,195.065,0,236.497v38.843c0,41.433,5.12,82.865,5.12,82.865
20190
s4.995,35.283,20.346,50.82c19.476,20.393,45.06,19.748,56.455,21.885C122.883,434.839,256,436.054,256,436.054
20291
s107.585-0.162,179.232-5.341c10.008-1.194,31.831-1.295,51.301-21.687c15.351-15.537,20.354-50.82,20.354-50.82
20392
S512,316.773,512,275.341v-38.843C512,195.065,506.887,153.632,506.887,153.632z M203.87,322.913v-144.36l137.342,72.18 L203.87,322.913z"/>
204-
</svg>
205-
</a>
206-
<a class="social-icon" href="https://www.linkedin.com/showcase/telerik/" title=""><?xml version="1.0" encoding="utf-8"?>
207-
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
208-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
209-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
93+
</svg>
94+
</a>
95+
<a class="social-icon" href="https://www.linkedin.com/showcase/telerik/" title="">
96+
<?xml version="1.0" encoding="utf-8"?>
97+
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
98+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
99+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
210100
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
211-
<path d="M7.81,29V9.652H1.379V29H7.81z M4.596,7.009c2.243,0,3.638-1.486,3.638-3.342C8.192,1.768,6.838,0.324,4.638,0.324
101+
<path d="M7.81,29V9.652H1.379V29H7.81z M4.596,7.009c2.243,0,3.638-1.486,3.638-3.342C8.192,1.768,6.838,0.324,4.638,0.324
212102
C2.438,0.324,1,1.768,1,3.667c0,1.856,1.396,3.342,3.554,3.342H4.596L4.596,7.009z M11.37,29h6.43V18.195
213103
c0-0.579,0.042-1.156,0.213-1.569c0.465-1.155,1.521-2.352,3.3-2.352c2.325,0,3.257,1.774,3.257,4.375v10.35H31V17.906
214104
c0-5.943-3.173-8.708-7.404-8.708c-3.469,0-4.992,1.939-5.838,3.259H17.8V9.651h-6.43C11.454,11.467,11.37,28.999,11.37,29L11.37,29
215105
z"/>
216-
</svg>
217-
</a>
218-
</span>
219-
</div>
220-
<div class="col-sm-8">
221-
<p>
106+
</svg>
107+
</a>
108+
</span>
109+
</div>
110+
<div class="col-sm-8">
111+
<p>
222112
Copyright &copy; 2018 Progress Software Corporation and/or its subsidiaries or affiliates.<br /> All Rights Reserved.
223-
</p>
113+
</p>
224114

225-
<p>
115+
<p>
226116
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See <a href="https://www.progress.com/legal/trademarks">Trademarks</a> for appropriate markings.
227-
</p>
228-
</div>
229-
</div>
230-
</div>
231-
</div>
232-
</div>
233-
</div>
117+
</p>
118+
</div>
119+
</div>
120+
</div>
121+
</div>
122+
</div>
123+
</div>
234124

235125
</div>

0 commit comments

Comments
 (0)