Member Avatar for marjan_m

Hi,

I want to design a suggestion form inside a layer,bt when I insert any form object its very taugh to make setting of those objects.Can its solution is to insert each object in a separaet layer?

Regards,

  • 3 Contributors
  • 2 Replies
  • 87 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by Techberry

Dani AI

Generated

As framed it, treat the "layer" as one overlay or modal that contains the entire suggestion form. Putting each input into its own positioned layer creates hard-to-maintain layouts, breaks keyboard/tab order, complicates validation and event wiring, and hurts accessibility. That extra layering is not necessary—use a single container for the overlay and position form controls inside it with normal flow and CSS.

A minimal structure to start from (HTML + CSS sketch):

<div class="overlay" role="dialog" aria-modal="true" aria-labelledby="suggest-title">
  <form id="suggest-form">
    <h2 id="suggest-title">Suggestion</h2>
    <label for="suggestion">Your idea</label>
    <textarea id="suggestion" name="suggestion"></textarea>
    <button type="submit">Send</button>
    <button type="button" class="close">Cancel</button>
  </form>
</div>
.overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4);
  display: flex; align-items: center; justify-content: center; z-index: 1000; }
form { background: #fff; max-width: 480px; width: 90%; padding: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }

Key implementation and UX notes: trap and restore focus when the modal opens/closes; close on Escape; set aria-modal and aria-labelledby; prevent background scrolling (toggle body overflow); prefer single-column layouts for short forms; show inline validation messages and a clear success confirmation inside the same layer. Avoid table-based layout for the form—use CSS. Watch stacking-context issues (ancestor transforms can hide overlays) and test on mobile. For accessible dialog patterns and details see the WAI-ARIA Authoring Practices. This should clarify the intent for and answer 's table question: one overlay container, not one layer per field.

Recommended Answers

All 2 Replies

Member Avatar for MidiMagic

I'm not sure I understand what you are trying to do.

Member Avatar for Techberry

Are you saying that you want to have a suggestion form in a table?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.