Create Horizontal Menu using Bootstrap in ASP.Net

Last Reply on Jan 12, 2017 05:30 AM By AnandM

Posted on Jan 12, 2017 02:06 AM

Hello All,

            I want to create menu that is when i click on it.It's color change to pink i don't want mousehover effect.second thing thati want is when i click on any of them it will display image to me.I think this will be possible using jquery.I have  one folder that is images/Product.Which consist of image.

here i have attached demo for the same.

You are viewing reply posted by: AnandM on Jan 12, 2017 05:30 AM.
Posted on Jan 12, 2017 05:30 AM
jordan says:
str += @"<div class='row col-md-3 col-xs-6 hovereffect'>
                                        <img class='imges'  style='height:220px;' src='images/ProductPearl/" + objpp.ListclsProductPearlMain[j].ProductID + ".jpg" + @"' />
                                         <p class='sname'>" + objpp.ListclsProductPearlMain[j].ProductName + @"</p>
                                        <p class='sname2'>" + objpp.ListclsProductPearlMain[j].MRP + @"</p>
                                </div>";

 replace above code with below

str += @"<div class='row col-md-3 col-xs-6 hovereffect'>
                        <div class='imageBackGround' style='width:250px;height:280px;'>
                        <img class='imges'  style='height:220px;' src='images/ProductPearl/" + objpp.ListclsProductPearlMain[j].ProductID + ".jpg" + @"' />
                            <p class='sname'>" + objpp.ListclsProductPearlMain[j].ProductName + @"</p>
                        <p class='sname2'>" + objpp.ListclsProductPearlMain[j].MRP + @"</p></div><br/>
        </div>";

And add css to your html page

<style type="text/css">
    .imageBackGround
    {
        text-decoration: none;
        background-color: #F2F2F2;
        color: #333333;
        padding: 10px 10px 10px 10px;
    }
</style>