• Steven

    (@applestopears)


    Hello all,

    I am working on an exhibit area right now where there is a full screen picture with a text box. I need to make a dropdown menu (or just a way) to display the text box in the lower right, lower left, upper right, or upper left hand sides of the page in the WordPress admin area. It automatically goes to the lower right by default (which blocks some of the important areas of the pictures).

    I already have all the CSS classes created for each option. And a dropdown menu has been created as well:

    <div class=”form-group”>
    <label for=”locationofpanel” class=”col-sm-2 control-label”>Location of Panel</label>
    <div class=”col-sm-10″>
    <form action=””>
    <select name=”position”>
    <option value=”BR”>Bottom Right</option>
    <option value=”BL”>Bottom Left</option>
    <option value=”TR”>Top Right</option>
    <option value=”TL”>Top Left</option>
    </select>
    </form>
    </div>
    </div>

    This is a custom theme by the way. I am pretty sure something needs to go into the form action=“”. Again, I am open to any easier ways to fix this problem, if there are any. Any help would be fantastic.

    Thanks,
    Apples

    • This topic was modified 6 years, 10 months ago by Steven.
Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    Sorry for the slow reply. I’m not sure I completely understand. The full screen image is on the front end? In the back end the location of the text is selected for each front end image? Where is this dropdown appearing? It seems to me it should be with the attachment or post attributes as part of their edit UI. If so, it should be a field within the existing form. The selected value is saved by hooking “save_post” or similar action.

    When outputting the front end HTML, the classes to output that manage the text location would be determined by the value saved.

Viewing 1 replies (of 1 total)
  • The topic ‘menu option for different css display (classes) in WordPress backend area’ is closed to new replies.