pagegenius

Hi Gabor,

I’m confused about your last option with {name/slide}. When I type those into a text box as its content, I simply get those literal characters. Could you clarify?

Right now, I’m making this sub-menu with this code:

<div class="sub-menu" style="text-align:center;">
     <span class="switch1” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: 700; cursor: pointer;">Exploit emergent technologies</span> &nbsp;  &nbsp; | &nbsp;  &nbsp;<span class="switch2” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Validate growth opportunities</span> &nbsp;  &nbsp; | &nbsp;  &nbsp;<span class="switch3” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Define growth strategies</span> &nbsp;  &nbsp; | &nbsp;  &nbsp;<span class="switch4” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Create products, services & business models</span> &nbsp;  &nbsp; | &nbsp;  &nbsp;<span class="switch5” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Develop go-to-market ecosystems</span> &nbsp;  &nbsp; | &nbsp;  &nbsp;<span class="switch6” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Develop new growth ventures</span>

</div>

<script>
N2R('#n2-ss-27', function($, slider){
    jQuery('.switch1’).click(function(){
        slider.slide(0);
window.scrollTo(0, 0);
    });
});

N2R('#n2-ss-27', function($, slider){
    jQuery('.switch2’).click(function(){
        slider.slide(1);
window.scrollTo(0, 0);
    });
});

N2R('#n2-ss-27', function($, slider){
    jQuery('.switch3’).click(function(){
        slider.slide(2);
window.scrollTo(0, 0);
    });
});

N2R('#n2-ss-27', function($, slider){
    jQuery('.switch4’).click(function(){
        slider.slide(3);
window.scrollTo(0, 0);
    });
});

N2R('#n2-ss-27', function($, slider){
    jQuery('.switch5’).click(function(){
        slider.slide(4);
window.scrollTo(0, 0);
    });
});

N2R('#n2-ss-27', function($, slider){
    jQuery('.switch6’).click(function(){
        slider.slide(5);
window.scrollTo(0, 0);
    });
});

</script>

I’m having a couple of problems with this.
1) The HTML element keeps disappearing from my slider
2) Because I want the chose elements to appear as bold when selected, I have to create this menu on every slide, rather than using a static slide for it. Any workarounds auto-bold a heading when it’s the selected one?

Thanks for your answer. Code Embed is a nice tool, but when a common page builder interferes this much with it, it’s a problem. This ate up two of my days, though partly that was because I wasn’t systematic enough in my approach to it.

I initially tried to use Visual Composer’s “Raw JS” widget to put this code in my pages. When it didn’t work, I immediately gave up on it. What I failed to understand was that I had to disable the Code Embed method before trying the Raw JS method.

Instead, I adopted the CSS & JavaScript Toolbox for injecting JS into individual page headers. That’s a good tool also, and it worked.

But then I got around to suspecting that I hadn’t given Visual Composer’s Raw JS widget the proper shot, and tried it once more on a virgin page with no other embedding option in place, and sure enough it works fine.

Duh. Web life!

Additional info: I copied code from two different sources above, so let me do this correctly. The code I’m putting into Code Embed is this:

<script type="module">

import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";

import notebook from "https://api.observablehq.com/@ralphlombreglia/[email protected]?v=3";

new Runtime().module(notebook, name => {
  if (name === "chart") {
    return new Inspector(document.querySelector("#chart"));
 }

});

</script>

The code I see in my rendered page source looks like this:

`<p><!– Code Embed v2.3.2 –><br />
<script type=”module”></p>
<p>import {Runtime, Inspector} from “https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js&#8221;;</p>
<p>import notebook from “https://api.observablehq.com/@ralphlombreglia/[email protected]?v=3&#8221;;</p>
<p>new Runtime().module(notebook, name => {
if (name === “chart”) {
return new Inspector(document.querySelector(“#chart”));
}
});</p>
<p></script><br />
<!– End of Code Embed output –></p>`

Thanks again, George.

If we bought your premium plugin, we could presumably use it to control membership on the site, and therefore stop using a WordPress membership solution. That’s what’s advertised, at any rate.

Assuming this is true, does your premium plugin allow us to store our download files external to our WordPress site, such as on OneDrive, Box, etc.?

And wherever they were stored, would we be able to view stats on how many downloads of a given file, and by whom?

Hi George. Thanks for your answer. No, my members are contacts in Dynamics 365, not users.

Knowing that, do you (or anyone else) know of a way to do this quite simple thing using Flow?

Thanks.