Click here to Skip to main content
14,364,319 members
   

ASP.NET

 
QuestionDraw Shape in Canvas Pin
John_Ryder26-Oct-19 2:58
memberJohn_Ryder26-Oct-19 2:58 
AnswerRe: Draw Shape in Canvas Pin
Afzaal Ahmad Zeeshan26-Oct-19 10:19
mveAfzaal Ahmad Zeeshan26-Oct-19 10:19 
GeneralRe: Draw Shape in Canvas Pin
John_Ryder29-Oct-19 20:49
memberJohn_Ryder29-Oct-19 20:49 
AnswerRe: Draw Shape in Canvas Pin
jkirkerx28-Oct-19 13:53
professionaljkirkerx28-Oct-19 13:53 
QuestionHow do i make my detailsviewmodel work Pin
Stefaneus22-Oct-19 7:31
memberStefaneus22-Oct-19 7:31 
AnswerRe: How do i make my detailsviewmodel work Pin
jkirkerx23-Oct-19 11:54
professionaljkirkerx23-Oct-19 11:54 
QuestionHow do i make a bootstrap carousel work with Asp.net core Razor Pin
Stefaneus21-Oct-19 15:49
memberStefaneus21-Oct-19 15:49 
AnswerRe: How do i make a bootstrap carousel work with Asp.net core Razor Pin
Richard Deeming22-Oct-19 2:00
mveRichard Deeming22-Oct-19 2:00 
Look at the HTML in the documentation[^]:
<div class="carousel-inner">
    <div class="carousel-item active">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
</div>
Now look at the HTML your page is generating:
<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
    </div>
</div>
You need to move the carousel-item tag inside your item loop, and move the item loop outside of the indicators loop.

There's also no point checking whether Model.car.Images is null - if it was, your view would have crashed on the indicators loop above.
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string cssClass = i == 0 ? "active" : null;
        <li data-target="#carouselExampleIndicators" data-slide-to="@i" class="@cssClass"></li>
    }
    </ol>
    
    <div class="carousel-inner">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string fileName = Model.car.Images[i].Filename;
        string cssClass = i == 0 ? "carousel-item active" : "carousel-item";
        <div class="@cssClass">
            <img class="img-fluid" src="~/Images/Cars/@fileName" alt="">
        </div>
    }
    </div>

    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
        <span class="sr-only">Previous</span>
    </a>

    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon"></span>
        <span class="sr-only">Next</span>
    </a>
</div>




"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

GeneralRe: How do i make a bootstrap carousel work with Asp.net core Razor Pin
Stefaneus22-Oct-19 6:02
memberStefaneus22-Oct-19 6:02 
GeneralRe: How do i make a bootstrap carousel work with Asp.net core Razor Pin
Richard Deeming22-Oct-19 6:14
mveRichard Deeming22-Oct-19 6:14 
GeneralRe: How do i make a bootstrap carousel work with Asp.net core Razor Pin
Stefaneus22-Oct-19 8:04
memberStefaneus22-Oct-19 8:04 
Answer[REPOST] How do i make a bootstrap carousel work with Asp.net core Razor Pin
Richard Deeming22-Oct-19 2:03
mveRichard Deeming22-Oct-19 2:03 
QuestionSystem.Data.SqlClient.SqlException: 'The parameterized query '(@Name varchar(7),@Alias varchar(4),@Under_Group varchar(8000),@' expects the parameter '@Under_Group', which was not supplied.' in winforms of database in .net Pin
Member 1462438515-Oct-19 22:29
memberMember 1462438515-Oct-19 22:29 
AnswerRe: System.Data.SqlClient.SqlException: 'The parameterized query '(@Name varchar(7),@Alias varchar(4),@Under_Group varchar(8000),@' expects the parameter '@Under_Group', which was not supplied.' in winforms of database in .net Pin
Richard MacCutchan15-Oct-19 23:06
protectorRichard MacCutchan15-Oct-19 23:06 
AnswerRe: System.Data.SqlClient.SqlException: 'The parameterized query '(@Name varchar(7),@Alias varchar(4),@Under_Group varchar(8000),@' expects the parameter '@Under_Group', which was not supplied.' in winforms of database in .net Pin
ZurdoDev16-Oct-19 9:34
professionalZurdoDev16-Oct-19 9:34 
QuestionMy Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
simpledeveloper9-Oct-19 8:18
membersimpledeveloper9-Oct-19 8:18 
AnswerRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
jkirkerx10-Oct-19 10:55
professionaljkirkerx10-Oct-19 10:55 
GeneralRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
simpledeveloper16-Oct-19 9:07
membersimpledeveloper16-Oct-19 9:07 
GeneralRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
jkirkerx16-Oct-19 9:33
professionaljkirkerx16-Oct-19 9:33 
GeneralRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
simpledeveloper16-Oct-19 11:00
membersimpledeveloper16-Oct-19 11:00 
AnswerRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
Sheetal Nalawade15-Oct-19 20:36
memberSheetal Nalawade15-Oct-19 20:36 
GeneralRe: My Visual Studio 2017 community is opening my React-Redux Application with tsx files by default Pin
simpledeveloper16-Oct-19 9:09
membersimpledeveloper16-Oct-19 9:09 
Questioncannot process the message because the content type 'application/soap+xml charset=utf-8 was not the expected type text/xml Pin
Member 134437687-Oct-19 13:17
memberMember 134437687-Oct-19 13:17 
AnswerRe: cannot process the message because the content type 'application/soap+xml charset=utf-8 was not the expected type text/xml Pin
Afzaal Ahmad Zeeshan7-Oct-19 19:45
mveAfzaal Ahmad Zeeshan7-Oct-19 19:45 
GeneralRe: cannot process the message because the content type 'application/soap+xml charset=utf-8 was not the expected type text/xml Pin
Member 1344376818-Oct-19 6:14
memberMember 1344376818-Oct-19 6:14 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.