hcolf

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter hcolf

    (@hcolf)

    I deactivated the old version yesterday just after I activated the 14.14 version. Do I need to delete the old version? If I do, will it impact the forms that were built with the old version and are now active in the new version?

    I solved this issue in a very inelegant manner. I did not want to mess with the delivered code so below is what I did.

    – In my web page I defined a flex-container.
    – In the staff settings, I created a custom template and in it coded in a flex-item ( <div class=”flex-item”>)
    – Finally, in the same custom template, I changed the CSS to include the flex-item attributes.

    Like I said, inelegant, but it works.

    My code is below.

    <html>
    <head>
    <style>
    .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 800px;
    height: 40000px;
    margin: 5px;
    background-color: transparent;
    }

    </style>
    </head>
    <body>

    — custom template —–

    [staff_loop]
    <div class=”flex-item”>
    <p style=”text-align: center;”> [photo]<BR> <b> [name] </b> <BR>
    [phone_number] <BR>[email] <BR> [mg_year] <BR></p>
    </div>
    [/staff_loop]

    — custom template CSS —-

    .staff-directory-divider{
    border-top: solid black thin;
    width: 90%;
    margin:40px 0;}
    .flex-item {
    background-color: transparent;
    width: 150px;
    height: 220px;
    margin: 5px;
    font: 11px arial, sans-serif;
    }

    Thread Starter hcolf

    (@hcolf)

    Thank you. That resolved the issue.

Viewing 3 replies - 1 through 3 (of 3 total)