Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular
    1. Home
    2. Olivier MAGNIN
    • Profile
    • Following 1
    • Followers 1
    • Topics 11
    • Posts 25
    • Best 4
    • Groups 0

    Olivier MAGNIN

    @Olivier MAGNIN

    5
    Reputation
    3
    Profile views
    25
    Posts
    1
    Followers
    1
    Following
    Joined Last Online

    Olivier MAGNIN Unfollow Follow

    Best posts made by Olivier MAGNIN

    • RE: How do I get just one page to show in the menu for several pages? Is it URL redirect?

      Hi Mark,

      If I understand, you are trying to do this :
      Capture d’écran 2021-05-13 à 13.59.41.png
      Like having page Home-1 as sublevel of Page Home...

      You just need to open the page configurator
      Capture d’écran 2021-05-13 à 14.02.22.png
      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)
      Capture d’écran 2021-05-13 à 13.58.47.png

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Trying to create a sidebar to navigate in the app, keeping a navbar on top

      @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 !

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Dynamic Content using Visual Factory

      Wow ! Thanks !!!!!!

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Button in JQuery not working

      @Wassim said in Button in JQuery not working:

      handleLinks();

      Wassim ... You are Great ! 👍

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN

    Latest posts made by Olivier MAGNIN

    • Issue with tool tip text since this morning

      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...
      Capture d’écran 2022-09-30 à 08.53.20.png
      It use to do.

      Since this morning, after deployment, I have this display instead :
      Capture d’écran 2022-09-30 à 08.54.23.png

      Any idea ?
      Kind regards,
      Olivier

      posted in Cloud CMS (Pagebuilder
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Tooltip on hover

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

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Tooltip on hover

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

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • Tooltip on hover

      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 :
      Capture d’écran 2022-03-12 à 19.08.04.png
      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.
      Capture d’écran 2022-03-12 à 19.10.46.png

      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

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Issue with redirection fro Godaddy

      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/
      posted in Domains & Emails
      Olivier MAGNIN
      Olivier MAGNIN
    • Issue with redirection fro Godaddy

      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 ?

      posted in Domains & Emails
      Olivier MAGNIN
      Olivier MAGNIN
    • Issue when trying to add a domaine hosted in another registrar (Godaddy)

      Hi guys,

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

      I have an issue at the first step :
      Capture d’écran 2021-12-10 à 11.50.18.png

      How shall I solve this ?
      Kind regards
      Olivier

      posted in Domains & Emails
      Olivier MAGNIN
      Olivier MAGNIN
    • RE: Button in JQuery not working

      @Wassim said in Button in JQuery not working:

      handleLinks();

      Wassim ... You are Great ! 👍

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • Button in JQuery not working

      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

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN
    • Positioning image and image background

      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.

      Capture d’écran 2021-05-22 à 07.19.11.png

      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 :
      Capture d’écran 2021-05-22 à 07.17.16.png

      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

      posted in How-to
      Olivier MAGNIN
      Olivier MAGNIN