Greyed out section. Exported from In Design

Report · Nov 15, 2022

Hi,

I exported a file from InDesign using the in5 plug in. But there are sections that are greyed out (see image) and that I can't delete. Any suggestions?

Thanks!

Valeria

Report · Nov 15, 2022

Looking at the image, I cannot determine which part has been greyed out. To me it looks exactly what has been coded. As for saying that something cannot be deleted? Remove any part of the code and see what happens.

What I am trying to say is that images are of no use if you want us to help you. You need to copy and paste the code here so that we can analyse it.

Wappler, the only real Dreamweaver alternative.

Report · Nov 15, 2022

Hi,

Thanks! I am trying to delete the "share on twitter/facebook/linkedin", but I can't find it in the code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>US_Web site template_Central Valley</title>
<meta name="apple-mobile-web-app-title" content="US_Web site template_Central Valley">
<meta name="generator" content="In5 v3.8.11">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta property="og:title" content="US_Web site template_Central Valley">
<meta property="og:description" content="">
<meta property="og:url" content="">
<meta property="og:image" content="assets/images/social-share.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website" />
<script type="text/javascript">
var ogURL = location.href;
var ogIMG = document.head.querySelector('meta[property="og:image"]');
if(ogIMG.content.indexOf("://"<0)){ogIMG.content = ogURL.slice(0,ogURL.lastIndexOf("/"))+"/"+ogIMG.content;}
document.head.querySelector('meta[property="og:url"]').content=ogURL;
</script>
<meta name="viewport" content="initial-scale=1.0,minimum-scale=.2,maximum-scale=1.0,user-scalable=no">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="assets/js/jquery.min.js"><\/script>')</script>
<script type="text/javascript" src="assets/js/vmouse.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="assets/js/in5.config.js"></script>
<link rel="stylesheet" href="assets/css/pages.css" media="all">
<style media="all and (-ms-high-contrast:none)">*::-ms-backdrop,.svg-img{width:100%;}</style>
</head>
<body>

<div id="loadIndicator"><img src="assets/images/loading.gif" alt="loading..."/><span> </span></div>
<div id="container-wrap">
<div id="container">
<ul class="pages paper-vertical one-page-scroll" id="slider">
<li class="page" data-name="1">
<div class="page-scale-wrap mq-none mq-default" role="region" data-layout-name="undefined" style="width:1920px;height:1160px;">
<img src="assets/images/blank.gif" alt="Rectangle" style="left:527px !important;" id="item250" class="pageItem " data-src="assets/images/item_250.png"/>
<button data-id="669" name="Lake" aria-label="Lake" id="item669" class="pageItem hidden ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item273" class="pageItem " data-src="assets/images/item_273.png"/>
</div>
</button>
<button data-id="671" name="Surface water" aria-label="Surface water" id="item671" class="pageItem hidden ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item281" class="pageItem " data-src="assets/images/item_281.png"/>
</div>
</button>
<button data-id="673" name="Button 3" aria-label="Button 3" id="item673" class="pageItem ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item267" class="pageItem " data-src="assets/images/item_267.png"/>
</div>
</button>
<button data-id="823" name="Lakes_Button_Off" data-click-hide="669,823" data-click-show="821" aria-label="Lakes_Button_Off" id="item823" class="pageItem hidden has-on ">
<div class="pageItem state btn-off">
<div id="item752" class="pageItem singleline">
<p class="autoParaStyle2">Lakes</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item929" class="pageItem singleline">
<p class="autoParaStyle1">Lakes</p>
</div>
</div>
</button>
<button data-id="832" name="Surface water_Button_Off" data-click-hide="671,832" data-click-show="821,830" aria-label="Surface water_Button_Off" id="item832" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item775" class="pageItem singleline">
<p class="autoParaStyle2">Surface water</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item953" class="pageItem singleline">
<p class="autoParaStyle1">Surface water</p>
</div>
</div>
</button>
<button data-id="836" name="Lakes_Button_Off" aria-label="Lakes_Button_Off" id="item836" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item798" class="pageItem singleline">
<p class="autoParaStyle2">Canals</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item983" class="pageItem singleline">
<p class="autoParaStyle1">Canals</p>
</div>
</div>
</button>
<div id="item1149" class="pageItem singleline">
<p class="autoParaStyle3">Urban Strategy 2022-23</p>
</div>
<div id="item1164" class="pageItem singleline">
<p class="autoParaStyle3">Student name, Student name</p>
</div>
<button data-id="821" name="Lakes_Button_On" data-click-hide="821" data-click-show="669,823" aria-label="Lakes_Button_On" id="item821" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item588" class="pageItem singleline">
<p class="autoParaStyle2">Lakes</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item839" class="pageItem singleline">
<p class="autoParaStyle1">Lakes</p>
</div>
</div>
</button>
<button data-id="830" name="Surface Water_Button_On" data-click-hide="830" data-click-show="671,832" aria-label="Surface Water_Button_On" id="item830" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item619" class="pageItem singleline">
<p class="autoParaStyle2">Surface water</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item876" class="pageItem singleline">
<p class="autoParaStyle1">Surface water</p>
</div>
</div>
</button>
<button data-id="834" name="Canals_Button_On" aria-label="Canals_Button_On" id="item834" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item642" class="pageItem singleline">
<p class="autoParaStyle2">Canals</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item900" class="pageItem singleline">
<p class="autoParaStyle1">Canals</p>
</div>
</div>
</button>
<div id="item429" class="pageItem singleline">
<p class="autoParaStyle4"><span class="autoCharStyle1">Map’s Title</span></p>
</div>
<div id="item505" class="pageItem">
<p class="autoParaStyle6">Apidusae rionsequi atiuriaest latem facepel in cum fugit mossita tinimporatis veligentem ipsum laut volectore, cusciae qui ad magnimolor sint molor si te eate conet autatec temporum illo et ad ut del</p>
<p class="autoParaStyle6"><br /></p>
<p class="autoParaStyle5">Source: autatec temporum illo et ad ut del</p>
</div>
<img src="assets/images/blank.gif" alt="Rectangle" style="left:25px !important;top:1034px !important;" id="item306" class="pageItem " data-src="assets/images/item_306.png"/>
<img src="assets/images/blank.gif" alt="GraphicLine" style="height: 32px !important;left:1845px !important;top:864px !important;" id="item1188" class="pageItem " data-src="assets/images/item_1188.png"/>
<img src="assets/images/blank.gif" alt="Name of next map" class="pageItem hd" style="left:1813px !important;top:800px !important;" id="item1209" data-src="assets/images/item_1209.png"/>
<button data-id="1248" name="Next page_Button" onclick="nav.next(this);" aria-label="Next page_Button" id="item1248" class="pageItem ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item1242" class="pageItem " data-src="assets/images/item_1242.png"/>
</div>
</button>
</div>
</li>
<li class="page" data-name="2">
<div class="page-scale-wrap mq-none mq-default" role="region" data-layout-name="undefined" style="width:1920px;height:1160px;">
<img src="assets/images/blank.gif" alt="Rectangle" style="left:527px !important;" id="item1272" class="pageItem " data-src="assets/images/item_1272.png"/>
<button data-id="1285" name="Button 11" aria-label="Button 11" id="item1285" class="pageItem ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item1287" class="pageItem " data-src="assets/images/item_1287.png"/>
</div>
</button>
<div id="item1443" class="pageItem singleline">
<p class="autoParaStyle3">Urban Strategy 2022-23</p>
</div>
<div id="item1466" class="pageItem singleline">
<p class="autoParaStyle3">Student name, Student name</p>
</div>
<button data-id="1489" name="Lakes_Button_On 1" data-click-hide="1489" aria-label="Lakes_Button_On 1" id="item1489" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item1492" class="pageItem singleline">
<p class="autoParaStyle2">Lakes</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item1516" class="pageItem singleline">
<p class="autoParaStyle1">Lakes</p>
</div>
</div>
</button>
<button data-id="1539" name="Surface Water_Button_On 1" data-click-hide="1539" aria-label="Surface Water_Button_On 1" id="item1539" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item1542" class="pageItem singleline">
<p class="autoParaStyle2">Surface water</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item1566" class="pageItem singleline">
<p class="autoParaStyle1">Surface water</p>
</div>
</div>
</button>
<button data-id="1589" name="Canals_Button_On 1" aria-label="Canals_Button_On 1" id="item1589" class="pageItem has-on ">
<div class="pageItem state btn-off">
<div id="item1591" class="pageItem singleline">
<p class="autoParaStyle2">Canals</p>
</div>
</div>
<div class="pageItem state btn-on">
<div id="item1616" class="pageItem singleline">
<p class="autoParaStyle1">Canals</p>
</div>
</div>
</button>
<div id="item1639" class="pageItem singleline">
<p class="autoParaStyle4"><span class="autoCharStyle1">Map’s Title 2 </span></p>
</div>
<div id="item1662" class="pageItem">
<p class="autoParaStyle6">Apidusae rionsequi atiuriaest latem facepel in cum fugit mossita tinimporatis veligentem ipsum laut volectore, cusciae qui ad magnimolor sint molor si te eate conet autatec temporum illo et ad ut del</p>
<p class="autoParaStyle6"><br /></p>
<p class="autoParaStyle5">Source: autatec temporum illo et ad ut del</p>
</div>
<img src="assets/images/blank.gif" alt="Rectangle" style="left:25px !important;top:1034px !important;" id="item1685" class="pageItem " data-src="assets/images/item_1685.png"/>
<img src="assets/images/blank.gif" alt="GraphicLine" style="height: 32px !important;left:1845px !important;top:864px !important;" id="item1691" class="pageItem " data-src="assets/images/item_1691.png"/>
<img src="assets/images/blank.gif" alt="Name of next map" class="pageItem hd" style="left:1813px !important;top:800px !important;" id="item1692" data-src="assets/images/item_1692.png"/>
<button data-id="1715" name="Next page_Button 1" onclick="nav.next(this);" aria-label="Next page_Button 1" id="item1715" class="pageItem ">
<div class="pageItem state btn-off">
<img src="assets/images/blank.gif" alt="Rectangle" id="item1718" class="pageItem " data-src="assets/images/item_1718.png"/>
</div>
</button>
</div>
</li>
<li class="page">
<div class="page-scale-wrap mq-none mq-default" style="width:1920px;height:1080px;"><div id="demoNote" class="pageItem">This is a limited preview of <a href="http://in5.ajar.pro" target="_blank">in5</a>. To unlock in5 completely, please <a href="https://ajarproductions.com/pages/products/in5/purchase.php?src=dialog&level=-1" target="_blank">purchase a license</a>.</div></div>
</li>
</ul>
<div id="prefooter" style="float:left;height:1px;"> </div>
</div>
</div>
</body>
</html>

And when I clook at the "DOM" or select them in the live viewer they seem to be greyed out

Report · Nov 15, 2022

It looks like this is part of `in5`. I hav not been able to verify this, but have a look in the `in5.config.js` file, you may find the buttons in there.

Otherwise, ask the people at `in5` for assistance.

As a sidenote: I am impressed with the code that `in5` has produced.

Wappler, the only real Dreamweaver alternative.

Report · Nov 15, 2022

That was it! Thank you!

Adobe Community

Greyed out section. Exported from In Design

1 Correct answer