Skip to main content
VALERIA MARIA27113107ehz6
Participant
November 16, 2022
Answered

Greyed out section. Exported from In Design

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.
    BenPleysier
    BenPleysierCorrect answer
    Community Expert
    November 16, 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 is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    View reply

    4 replies

    VALERIA MARIA27113107ehz6Author
    Participant
    November 16, 2022

    That was it! Thank you!

    Translate
      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      November 16, 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.

      Translate
      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      VALERIA MARIA27113107ehz6Author
      Participant
      November 16, 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>
      <!--[if lt IE 10]>
      <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
      <![endif]-->
      <div id="loadIndicator"><img src="assets/images/loading.gif" alt="loading..."/><span>&nbsp;</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;">&nbsp;</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

       

      Translate
      BenPleysier
      Community Expert
      BenPleysierCommunity ExpertCorrect answer
      Community Expert
      November 16, 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.

       

      Translate
      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices