• Resolved goldenmoon

    (@goldenmoon)


    Hi,

    A query regarding display of custom fields below an image.
    As you mention in the documentation page https://wppa.nl/docs-by-subject/custom-data/ the formatting and field names have to me set in Photo Albums -> Album admin -> Edit Album information -> Manage Photos admin page-> custom data in Description.
    Now I am doing a bulk import so is there anyway I can set the format for the custom data in description for a whole album. So any image added to that album by default with inherit the same custom data format.
    Alternatively i would have to enter that formatting text in the description on every row (record) which IMO is hard-coding and inelegant
    Please advise.

    Also is it possible to have a button in lightbox mode that can toggle the display of all the text in the description on and off.

    Thanks in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    In Table IX-D5 you can enter a default photo description.
    In Table VIII-B4.2 you can apply this description to all photos in the system.
    On the Edit Album Information screen there is a button near the bottom of the album box that reads ‘Apply new photo desc’. This will apply the content of Table IX-D5 to all photos in the album.

    You can set the max height of the text display in lightbox in Table I-G1. It will get a vertical scroll bar if needed.

    Thread Starter goldenmoon

    (@goldenmoon)

    In Table IX-D5 you can enter a default photo description.
    In Table VIII-B4.2 you can apply this description to all photos in the system.
    On the Edit Album Information screen there is a button near the bottom of the album box that reads ‘Apply new photo desc’. This will apply the content of Table IX-D5 to all photos in the album.

    Thanks! This works like a charm!


    <div class=”wppa-more”>
    Show Info
    </div>


    <div class=”wppa-dtl” style=”display:none;” >
    Hide Info
    </div>

    <div class=”wppa-dtl” style=”display:none;”>
    <br />
    <style>
    .wppa-label { padding: 0 3px !important; border: none !important; }
    .wppa-value { padding: 0 3px 0 12px !important; border:none !important; }
    </style>
    <table><tbody>
    <tr><td>w#cc0</td><td>w#cd0</td></tr>
    <tr><td>w#cc1</td><td>w#cd1</td></tr>
    <tr><td>w#cc2</td><td>w#cd2</td></tr>
    <tr><td>w#cc4</td><td>w#cd4</td></tr>
    </tbody></table>
    </div>

    Have used this now, I can hide and show the extra text.

    So now I have some additional queries
    1. Is it possible to add a button for the “Hide/show info”
    2. Now the text is displayed below the image. Is it possible to display it beside the image or as an overlay over the image.
    3. Here we are using w#CC and w#cd. I think you can display exif data with E#. Is there is way to display data from standard fields using similar codes. Could you please point me to location in documentation where it is described.

    Thanks once again

    • This reply was modified 8 years, 1 month ago by goldenmoon.
    • This reply was modified 8 years, 1 month ago by goldenmoon.
    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    1. When you change:

    
    <a onClick="jQuery('.wppa-dtl').css('display', 'block'); jQuery('.wppa-more').css('display', 'none'); wppaOvlResize();">
    <div class="wppa-more">
    Camera info
    </div>
    </a>
    <a onClick="jQuery('.wppa-dtl').css('display', 'none'); jQuery('.wppa-more').css('display', 'block'); wppaOvlResize();">
    <div class="wppa-dtl" style="display:none;" >
    Hide Camera info
    </div>
    </a>
    

    into:

    
    <input type="button" class="wppa-more" value="Camera info" onclick="jQuery('.wppa-dtl').css('display', 'block'); jQuery('.wppa-more').css('display', 'none'); wppaOvlResize();" />
    <input type="button" class="wppa-dtl" value="Hide Camera info" onClick="jQuery('.wppa-dtl').css('display', 'none'); jQuery('.wppa-more').css('display', 'block'); wppaOvlResize();" style="display:none;" />
    

    You have alternating buttons.

    2. Now the text is displayed below the image. Is it possible to display it beside the image or as an overlay over the image.

    No, No, Never. Is entirely against the design of wppa.

    3. wppa.nl/docs-by-subject/keywords/

    Thread Starter goldenmoon

    (@goldenmoon)

    1. When you change:

    I meant an image buttons like for share, fullscreen, close etc

    No, No, Never. Is entirely against the design of wppa.

    ok.

    3. wppa.nl/docs-by-subject/keywords/

    thanks!

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Then change it into:

    
    <a onClick="jQuery('.wppa-dtl').css('display', 'block'); jQuery('.wppa-more').css('display', 'none'); wppaOvlResize();">
    <img class="wppa-more" src="url-to-the-image-you-want-to-use-for-camera-info" />
    </a>
    <a onClick="jQuery('.wppa-dtl').css('display', 'none'); jQuery('.wppa-more').css('display', 'block'); wppaOvlResize();">
    <img class="wppa-dtl" style="display:none;" src="url-to-the-image-you-want-to-use-for-hide-camera-info" />
    </a>
    

    and make sure url-to-the-image-you-want-to-use-for-camera-info and url-to-the-image-you-want-to-use-for-hide-camera-info is a valid url to an icon.
    You can specify the size in the style attribute like:
    style="display:none;" becomes style="display:none;height:24px;"
    and for the other insert style="height:24px;" if you want 24 px size and the image used is larger.

    BTW This is basic html, you can learn it here: https://www.w3schools.com/html/default.asp

    Thread Starter goldenmoon

    (@goldenmoon)

    Thanks. Didnt know you could html directly

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Setting custom data for all images in an album’ is closed to new replies.