Member Avatar for hirenpatel53

Hi all i Want To Create menu like Flipkart and Amazon in asp.net So any budy have any idea Please Post answer
Thank In Advance

  • 2 Contributors
  • 2 Replies
  • 127 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by geniusvishal

Dani AI

Generated

— 's links point you in the right direction, but here is a focused, practical plan for building a Flipkart/Amazon-style mega menu in ASP.NET (works for WebForms or MVC) and what to watch for.

Use semantic UL/LI markup for the top-level menu and a nested block (a .mega panel) for columns, promos and images. Avoid the built-in WebForms Menu control for this; it emits awkward markup. Instead render the UL from a Repeater/ListView (WebForms) or a partial view (MVC). Example skeleton markup:

<ul class="site-menu">
  <li>
    <a href="/category/electronics">Electronics</a>
    <div class="mega">
      <div class="col">
        <h4>Mobiles</h4>
        <ul><li><a href="#">Smartphones</a></li></ul>
      </div>
      <div class="col"><h4>TV & Audio</h4></div>
      <div class="promo"><img src="/images/promo.jpg" alt="promo"></div>
    </div>
  </li>
</ul>

Style the mega panel with CSS Grid or Flexbox, and show/hide it via a hover class for desktop and a toggled open class for touch. Minimal CSS concept:

.site-menu > li { position: relative; float: left; }
.site-menu .mega { position: absolute; top: 100%; left: 0; display: none; width: 900px; background: #fff; }
.site-menu > li:hover > .mega,
.site-menu > li.open > .mega { display: block; }
.mega { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

For touch devices toggle the open class with a tiny script (event delegation so you only bind once):

document.addEventListener('click', function(e){
  var a = e.target.closest('.site-menu > li > a');
  if(!a) return;
  if(window.innerWidth < 768){ e.preventDefault(); a.parentElement.classList.toggle('open'); }
});

Troubleshooting and tips: ensure the header/container has overflow: visible so the absolute mega panel is not clipped; watch z-index stacking; lazy-load heavy images in the menu; add ARIA roles and keyboard handlers (arrow keys, Esc to close) for accessibility; cache the menu HTML on the server if it is expensive to build. Building the menu as a reusable UserControl or partial view makes it easy to maintain and reuse across pages.

Member Avatar for hirenpatel53

any one Please help

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.