How to Design Bootstrap Layout
HiI have images in my Database.
Now i using Gridview for image binding working good.
But i need how to bind Gridview with Bootstrap layout binding from DB Records.
You must Sign In to post a response.
Category: .NET
I have images in my Database.
Now i using Gridview for image binding working good.
But i need how to bind Gridview with Bootstrap layout binding from DB Records.
#766017
bootstrap easily and efficiently scale your website and application with single code base from phone to tab to laptops to desktops, The GridView control of Bootstrap provides responsive design quickly and easily.
first you need to download bootstrap Responsive Classes, here are the steps you need to follow
Create a new project using "File" -> "New" -> "Project..." then select Web then select "ASP.Net Web Forms Application". Name it "GridviewResponsive, For the new ASP.NET Project select Empty template then select the Web Forms checkbox then click OK.
then follow below link for more details
https://dzone.com/articles/responsive-gridview-in-aspnet
OR
https://www.mindstick.com/Articles/1385/editable-grid-view-system-using-bootstrap-in-asp-dot-net
Thanks
Koolprasd2003
Editor, DotNetSpider MVM
Microsoft MVP 2014 [ASP.NET/IIS]
first you need to download bootstrap Responsive Classes, here are the steps you need to follow
Create a new project using "File" -> "New" -> "Project..." then select Web then select "ASP.Net Web Forms Application". Name it "GridviewResponsive, For the new ASP.NET Project select Empty template then select the Web Forms checkbox then click OK.
then follow below link for more details
https://dzone.com/articles/responsive-gridview-in-aspnet
OR
https://www.mindstick.com/Articles/1385/editable-grid-view-system-using-bootstrap-in-asp-dot-net
Thanks
Koolprasd2003
Editor, DotNetSpider MVM
Microsoft MVP 2014 [ASP.NET/IIS]
#766031
Hi
I need no data bind.
i need only images loading every row 3 images occupying with gridview responsive gridview.
Name : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com
'Not by might nor by power, but by my Spirit,' says the LORD Almighty.
I need no data bind.
i need only images loading every row 3 images occupying with gridview responsive gridview.
Name : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com
'Not by might nor by power, but by my Spirit,' says the LORD Almighty.
#766032
[Response removed by Admin. Read forum policies.]
#766033
Hello i know data binding in gridview.
But i need how to bind images from db using bootstrap layouts.
Name : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com
'Not by might nor by power, but by my Spirit,' says the LORD Almighty.
But i need how to bind images from db using bootstrap layouts.
Name : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com
'Not by might nor by power, but by my Spirit,' says the LORD Almighty.
#766047
Hai,
Twitter Bootstrap is the technology to make the controls responsive. So to make the responsive layout, we use Twitter Bootstrap. It make the layout responsive when rendering under the Bootstrap. Bootstrap is the set of css and js files which make the UI design more attractive and smooth.
Now if you want to apply the Twitter Bootstrap to your existing ASP.Net Grid-view, you need to install it and then it will automatically change the layout by applying the style and java script events.
You can make use of those event to do other things.
You can go to the below link and see how you can download an apply the formatting to your application's controls using Twitter Bootstrap:
https://dzone.com/articles/responsive-gridview-in-aspnet
Hope it will be helpful to you.
Regards,
Pawan Awasthi(DNS MVM)
+91 8123489140 (whatsApp), +60 14365 1476(Malaysia)
pawansoftit@gmail.com
Twitter Bootstrap is the technology to make the controls responsive. So to make the responsive layout, we use Twitter Bootstrap. It make the layout responsive when rendering under the Bootstrap. Bootstrap is the set of css and js files which make the UI design more attractive and smooth.
Now if you want to apply the Twitter Bootstrap to your existing ASP.Net Grid-view, you need to install it and then it will automatically change the layout by applying the style and java script events.
You can make use of those event to do other things.
You can go to the below link and see how you can download an apply the formatting to your application's controls using Twitter Bootstrap:
https://dzone.com/articles/responsive-gridview-in-aspnet
Hope it will be helpful to you.
Regards,
Pawan Awasthi(DNS MVM)
+91 8123489140 (whatsApp), +60 14365 1476(Malaysia)
pawansoftit@gmail.com
#766052
Basically Bootstrap is design the UI with some standard. You can have to refer the follow files in your page.
You can use the styles in your UI. Following is the sample usage of gridview styles
By Nathan
Direction is important than speed
<linkhref="Styles/bootstrap.css" rel="stylesheet"/>
<script src="Scripts/bootstrap.js"></script>
You can use the styles in your UI. Following is the sample usage of gridview styles
<asp:GridViewID="grdvCrudOperation"runat="server"Width="940px"HorizontalAlign="Center"
OnRowCommand="GridView1_RowCommand"AutoGenerateColumns="false"AllowPaging="true"
DataKeyNames="ID"CssClass="table table-hover table-striped">
<Columns>
<asp:ButtonField CommandName="detail"ControlStyle-CssClass="btn btn-info"ButtonType="Button"Text="Detail"HeaderText="Detailed View">
<ControlStyleCssClass="btn btn-info"></ControlStyle>
</asp:ButtonField>
<asp:BoundField DataField="ID"HeaderText="ID"/>
<asp:BoundField DataField="Name"HeaderText="Name"/>
<asp:BoundField DataField="Address"HeaderText="Address"/>
</Columns>
</asp:GridView>
By Nathan
Direction is important than speed
Return to Return to Discussion Forum