Technology and innovation

Can't convert this string to number: "" The blamed expression: ==> currentPage?number [in template "785690848#785690894#787275778" at line 224, column 53] ---- FTL stack trace ("~" means nesting-related): - Failed at: ${(navEntry?index == currentPage?numb... [in template "785690848#785690894#787275778" at line 224, column 32] ----
1<#--
2 Widget Template
3 Type: Navigation Menu
4 Name: [pt] Menu em abas
5-->
6
7
8<style>
9#klabin-aba-dinamica {
10 margin-bottom: 47px;
11 position: relative;
12}
13
14#klabin-aba-dinamica .dropdown-list {
15 max-width: 335px;
16 height: 50px;
17 list-style: none;
18 background: #F7F7F7 url(/documents/785690889/0/arrow-down.svg/89ba6f12-d6d7-c681-42ee-00a0a3c460c9?t=1654286561769) no-repeat center;
19 background-position-x: 95%;
20 padding-right: 40px;
21 padding-left: 20px;
22 position: relative;
23 margin-top: 25px;
24 margin-right: auto;
25 margin-left: auto;
26 border: 1px solid #D7D4CE;
27 border-radius: 26px;
28 box-sizing: border-box;
29 box-shadow: -1px -1px 2px rgba(213, 210, 203, 0.5), inset 2px -2px 4px rgba(213, 210, 203, 0.2),
30 inset -2px -2px 3px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(190, 187, 180, 0.9);
31 cursor: pointer;
32 overflow: hidden;
33}
34
35#klabin-aba-dinamica .dropdown-list:not(.show) {
36 display: none;
37}
38
39#klabin-aba-dinamica .dropdown-list .dropdown-list-itens {
40 width: 100%;
41 background: #FFFFFF;
42 border: solid 1px #D7D4CE;
43 padding-left: 0;
44 position: absolute;
45 margin-bottom: 0;
46 top: 100%;
47 left: 0;
48 z-index: 99;
49}
50
51#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li a {
52 color: #009530;
53 padding: 15px 20px;
54 display: flex;
55 align-items: center;
56}
57
58#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li a.active {
59 background: rgba(0, 0, 0, 0.12);
60 color: #009530;
61}
62
63#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li:not(:last-child) a {
64 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
65}
66
67#klabin-aba-dinamica .dropdown-list li {
68 outline: none;
69 display: block;
70 cursor: pointer;
71}
72
73#klabin-aba-dinamica .dropdown-list li a,
74#klabin-aba-dinamica .dropdown-list .dropdown-list-current {
75 height: 60px;
76 font-family: 'Raleway', sans-serif;
77 font-size: 14px;
78 line-height: 17px;
79 font-weight: 600;
80 text-transform: uppercase;
81 color: #009530;
82 text-decoration: none;
83}
84
85#klabin-aba-dinamica .dropdown-list .dropdown-list-current {
86 height: 30px;
87 line-height: 17px;
88 max-width: 260px;
89 position: absolute;
90 top: -37px;
91 left: 20px;
92 display: flex;
93 align-items: center;
94}
95
96#klabin-aba-dinamica .aba-container {
97 max-width: 1200px;
98 margin-right: auto;
99 margin-left: auto;
100 display: flex;
101 justify-content: center;
102 align-items: center;
103}
104
105#klabin-aba-dinamica .aba-container ul.tab-wrapper {
106 list-style-type: none;
107 padding: 0;
108 margin-bottom: 0;
109 display: flex;
110 justify-content: center;
111 align-items: flex-end;
112}
113
114#klabin-aba-dinamica .aba-container ul.tab-wrapper a {
115 font-family: 'Raleway', sans-serif;
116 font-size: 14px;
117 line-height: 16px;
118 font-weight: 700;
119 color: #303030;
120 text-transform: uppercase;
121 text-align: center;
122 position: relative;
123 display: flex;
124 flex-direction: column;
125 justify-content: space-between;
126}
127
128#klabin-aba-dinamica .aba-container ul.tab-wrapper li {
129 min-width: 215px;
130 max-width: 215px;
131}
132
133#klabin-aba-dinamica .aba-container ul.tab-wrapper li.active a {
134 color: #303030;
135}
136
137#klabin-aba-dinamica .aba-container ul.tab-wrapper li:not(:last-child) {
138 margin-right: 5px;
139}
140
141#klabin-aba-dinamica .aba-container ul.tab-wrapper li .tab-default {
142 height: 7px;
143 background: #D8EC00;
144 border: 1px solid #D8EC00;
145 margin-top: 10px;
146}
147
148#klabin-aba-dinamica .aba-container ul.tab-wrapper li.active .tab-default {
149 height: 7px;
150 background: transparent;
151 border: 1px solid #D8EC00;
152 margin-top: 10px;
153}
154
155#klabin-aba-dinamica .tab {
156 cursor: pointer;
157}
158
159@media (min-width: 1025px){
160 #klabin-aba-dinamica {
161 margin-top: 35px;
162 }
163
164 #klabin-aba-dinamica .dropdown-list {
165 display: none;
166 }
167}
168
169@media (max-width: 1024px){
170 #klabin-aba-dinamica .aba-container ul.tab-wrapper {
171 display: none;
172 }
173}
174
175@media (max-width: 900px){
176 #klabin-aba-dinamica .aba-container ul.tab-wrapper a {
177 font-size: 12px;
178 line-height: 14px;
179 }
180
181 #klabin-aba-dinamica .aba-container ul.tab-wrapper li {
182 min-width: 180px;
183 }
184}
185
186@media (max-width: 768px){
187 #klabin-aba-dinamica .aba-container ul.tab-wrapper li {
188 min-width: 110px;
189 }
190}
191
192@media (max-width: 640px){
193 #klabin-aba-dinamica .aba-container ul.tab-wrapper a {
194 font-size: 12px;
195 line-height: 14px;
196 }
197}
198
199@media (max-width: 480px){
200 #klabin-aba-dinamica .aba-container ul.tab-wrapper li {
201 min-width: auto;
202 }
203}
204
205@media (max-width: 420px){
206 #klabin-aba-dinamica .aba-container ul.tab-wrapper a {
207 font-size: 11px;
208 line-height: 13px;
209 }
210}
211</style>
212
213<#attempt>
214 <#assign currentPage = getterUtil.getString(themeDisplay.getThemeSetting("rs-active-tabs-menu")) />
215<#recover>
216 <#assign currentPage = 0 />
217</#recover>
218
219<div id="klabin-aba-dinamica">
220 <div class="aba-container">
221 <#if entries?has_content>
222 <ul class="tab-wrapper">
223 <#list entries as navEntry>
224 <li class="${(navEntry?index == currentPage?number)?string('active', '')}">
225 <a href="${navEntry.getURL()}" class="tab">${navEntry.getName()}</a>
226 <div class="${(navEntry?index == currentPage?number)?string('tab-default', 'tab-default')}"></div>
227 </li>
228 </#list>
229 </ul>
230 </#if>
231 </div>
232 <ul class="dropdown-list">
233 <div class="dropdown-list-itens">
234 <#if entries?has_content>
235 <#assign count = 1 />
236 <ul class="tab-wrapper">
237 <#list entries as navEntry>
238 <#assign teste = "${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}" />
239 <#if teste?? && teste != "">
240 <li class="${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}">${navEntry.getName()}</li>
241 <#else>
242 <li class="${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}">
243 <a href="${navEntry.getURL()}">${navEntry.getName()}</a>
244 </li>
245 </#if>
246
247
248 </#list>
249 </ul>
250 </#if>
251 </div>
252 </ul>
253</div>
254
255<script>
256
257 var handleSelect = function() {
258 var selectDropdown = document.getElementById("dropdown");
259 var newDropdown = document.querySelector('.dropdown-list');
260
261 newDropdown.classList.add('show'); // show new dropdown
262
263 newDropdown.addEventListener('click', function(){
264 var newDropdownItems = newDropdown.querySelector('.dropdown-list-itens');
265 var newDropdownItemArray = newDropdownItems.querySelectorAll('li');
266
267 if(newDropdownItems.classList.contains('show')){
268 // newDropdownItems.classList.remove('show');
269 newDropdown.style.overflow = "hidden";
270 }
271
272 else {
273 // newDropdownItems.classList.add('show');
274 newDropdown.style.overflow = "visible";
275 }
276
277 newDropdownItemArray.forEach(function(item){
278 item.addEventListener('click', function(e){
279 function changeCurrentText(e){
280 var currentDropdownText = document.querySelector(".dropdown-list-current");
281 var newDropdownText = e.target.innerText;
282 currentDropdownText.innerText = newDropdownText;
283 }
284
285 changeCurrentText(e);
286 });
287 });
288
289 function outsideClick(event){
290 if(event.target !== newDropdown){
291 newDropdownItems.classList.remove('show');
292 }
293
294 else {
295 return false;
296 }
297 }
298
299 window.addEventListener('click', outsideClick);
300 });
301}
302
303handleSelect();
304</script>
Research Development and Innovation
Klabin's Research and Development + Innovation (R&D+I) front works on perfecting practices and processes focused on improving the performance of its forests and production processes; on developing multiple-use forest-based products that are renewable, recyclable, and biodegradable; and on managing interference throughout the production chain.
With about 0.5% of its revenues allocated to investments in R&D+I, the company maintains in Telêmaco Borba (PR), the Technology Center and the Forestry Research Center, structures that operate in five research routes: development of the forest base, pulp development, paper lines, new forestry-based technologies, and reduction of environmental impacts.
As support for the Company's growth cycle, the New Business Directorate was created in 2021, which receives support from the R&D+I area for the anticipation of trends and technologies. More information in Corporate Governance.
- Discover our social networks
-
@bioklabin @klabin.sa @klabinforyou
-
Klabin.SA Klabin For You
-
Klabin.SA
-
Klabin.SA
-
Klabin.SA Klabin Invest