Greyed out section. Exported from In Design

Forum|Forum|3 years ago
November 16, 2022
4 replies
627 views

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

This topic is closed to new replies. Start a new post to keep the conversation going.

Correct answer BenPleysier

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.

VALERIA MARIA27113107ehz6Author

Participant

That was it! Thank you!

BenPleysier

Community Expert

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 is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

VALERIA MARIA27113107ehz6Author

Participant

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

BenPleysier

Correct answer

Community Expert

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 is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.