Hi Mark,

If I understand, you are trying to do this :

Like having page Home-1 as sublevel of Page Home...

You just need to open the page configurator

and drag the child pages on top of the mother one.
as is, you will create the mother : child relationship in you menues (Mobile & Desktop)

@Wassim said in Trying to create a sidebar to navigate in the app, keeping a navbar on top:

#yourSection {
position: fixed;
bottom:0;
left:0;
right:0;

Excellent ! I's working perfectly ! Thank you Wassim !

Wow ! Thanks !!!!!!

@Wassim said in Button in JQuery not working:

handleLinks();

Wassim ... You are Great !

Hi all,

I experience an issue with icons with tooltip text since this morning.

here is the html :

              <i icon="far fa-gingerbread-man" icon-rotation="" icon-animation="" class="appdrag-icon far fa-gingerbread-man"></i><span class="tooltiptext tooltip-bottom">Relaxation</span>

this should display as an icon with a tooltip appearing on Hover...

It use to do.

Since this morning, after deployment, I have this display instead :

Any idea ?
Kind regards,
Olivier

@joseph-benguira Ok... Other solution... change your tooltip design instead of positioning right... Positioning bottom works fine... Not so good looking... But works fine

@joseph-benguira Hi joseph... I got it... I'll try.

Hi,

I try to implement a tooltip using CSS. I've used the example providend by W3School (https://www.w3schools.com/howto/howto_css_tooltip.asp)

I've a div with icones on the left of my page :

In the page builder, it seem to work fine.
Unfortunately, when published, It changes my div size and diplays only in the menu div and not on top of the page.

Here is my CSS :
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted #ccc;
color: #006080;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    margin: 0 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

And here is my HTML
<div class="tooltip ui-draggable-handle resizable-elem" style="text-align: center; color: rgb(242, 241, 253); font-size: 24px; border-bottom: 2px solid rgba(242, 241, 253, 0.5); margin-bottom: 10px !important; margin-top: 0px !important; padding: 0px 0px 10px !important; margin-left: 0px !important;" fs-d="24" link-target="page" link-local="Theme" margin-desktop-bottom="10" padding-desktop-top="0" padding-desktop-bottom="10" padding-desktop-left="0" padding-desktop-right="0" margin-desktop-left="0" link-anchor="Sophologie" local-anchor="&id=2"><i icon="far fa-bullseye-pointer" icon-rotation="" icon-animation="" class="appdrag-icon far fa-bullseye-pointer"></i>
<span class="tooltiptext">Tooltip text</span>
</div>

Any idea ? Ive tried to change the z-index value... not working

Hi Joseph,

I' did exactly the recomendend step by step, plus SSL deployment.

At the end, in the address bar , if I type the following :

• www.inspeace.com, I reach my website https://www.inspeace.com
• inspeace.com, I reach the http://www.custom-domain.appdrag.com/

Hello,

I've configured redirection and SSL management for my domain inspeace.com hosted in the Godaddy registrar...
Everything works perfectly when typing www.inspeace.com as url in the address bar.
If I type only inspeace.com ... I access an error page from appdrag telling me that my domain is not configured on appdrag

How shall I solve this ?

Hi guys,

I try to follow this procedure : https://support.appdrag.com/doc/Connecting-a-Domain

I have an issue at the first step :

How shall I solve this ?
Kind regards
Olivier

@Wassim said in Button in JQuery not working:

handleLinks();

Wassim ... You are Great !

Hi,

I've integrated in a JQuery a button to be displayed.
<span class="appdrag-button primary-color appdrag-palette-background-color-dark-primary-color dynamic-sized-element" hover-color="text-color" hover-background-color="light-primary-color" style="color:#feffff;border-radius:25px;font-size:16px;background:linear-gradient(45deg,#b066fe,#63e2ff);padding:15px 25px !important;margin-top:0 !important;margin-bottom:0 !important" fs-d="16" link-local="exercice" link-target="page" local-anchor="&id=' + carouselElem.id + '; &program=' + programParam + '" link-type="current" icon="fas fa-play-circle" padding-desktop-top="15" padding-desktop-bottom="15" padding-desktop-left="25" padding-desktop-right="25" background-gradient="%7B%22type%22%3A%22linear%22%2C%22position%22%3A%7B%22x%22%3A50%2C%22y%22%3A50%2C%22angle%22%3A45%7D%2C%22colors%22%3A%5B%7B%22color%22%3A%22%23B066FE%22%2C%22from%22%3A%22%22%7D%2C%7B%22color%22%3A%22%2363E2FF%22%2C%22from%22%3A%22%22%7D%5D%7D"><i class="fas fa-play-circle left" style="font-size:px"></i><span>Accéder à cet exercice</span></span>

When I try to clik on it, nothings occur. I've tried another button with no code, it works outside from the script but it's not working in my script.

Any idea ?
Here is my project page : https://prod.appdrag.com/Builder/pagebuilder.html?appId=inspiration-fe287c#PAGE_exercice

Hi,

I try to position an image on the bottom of its container with another image as a bschground. This should be my. final result.

To do this, I've inserted 2 divs with background images and the bottom element has a negative margin.
It seems to work, unfortunately, this is not responsive.

So I made another test with an image container with my pruple wave and a padding, and configure and image as a bckground.

Unfortunately, I obtain this :

I've tried changing manually in the code the property float : bottom, but It's not working.

Any idea ?
here is my. project : second section : https://prod.appdrag.com/Builder/pagebuilder.html?appId=inspiration-fe287c