Loading

How to show lists of added card in bootstrap?

How to show lists of added card in bootstrap?

Guest User

6y674.NET

Hi Team

I want to create lists of created courses, based on the given logic i have created. Meaning i want when creating course button, it must add list to 'Unpublished Courses(0)=>1 etc. Here is my client side logic on bootstrap

class="z-inex" style="width:1500px;">
class="register-logo">

class="card">

class="card-body register-card-body">

"~/Images/eNtsa.png" />

"text-align:center">Dashboard

class="container" style="height:1000px;">

class="row mt-5 pt-5">

class="col text-center">

Published Course(0)

No courses to display

Unpublished Courses(0)

// This must add here lists and be shown to a user.

class="card" style="width: 18rem;">

class="jump-response">

class="card-body d-flex flex-1">

"#" class="btn btn-primary pull-left">Published

"divLogo" class="card-body d-flex flex-center">

"@Url.Action("Modules","Home")" class="card-link pull-left">Me

"@Url.Action("Files", "Home")" id="divSiteTitle">

class="card-img-bottom" src="~/Images/folders/folder-icon.png" style="max-width:32px;">

@using (Html.BeginForm("CoursesRegistration", "Home", FormMethod.Post))

{

class="form-group row">

class="col-xs-3 ml-auto">

"button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">

Start New Course

}

@using (Html.BeginForm("ViewCourses", "Home", FormMethod.Post))

{

class="form-group row">

class="col-xs-3 ml-auto">

class="btn btn-large btn-success" id="viewCourse" href="@Url.Action("ViewCourses", "Home")">View Grades

"text/javascript">

$('#ViewCourses').on('click', function (e) {

});

}

@using (Html.BeginForm("CoursesRegistration", "Home", FormMethod.Post))

{

class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

class="modal-dialog" role="document">

class="modal-content">

class="modal-header">

class="modal-title" id="exampleModalLabel">Start New Course

"button" class="close" data-dismiss="modal" aria-label="Close">

"true"

>×

class="form-group row">

for="CourseName" class="col-sm-3 col-form-label">CourseName

class="col-sm-5">

@Html.EditorFor(model => model.Dashboard.CourseName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "CourseName" } })

@using (Html.BeginForm("CourseList", "Home", FormMethod.Post))

{

class="form-group row">

for="Content-Licence" class="col-sm-3 col-form-label">Content Licence

class="col-sm-5">

@Html.DropDownListFor(model => model.eCourses.CourseList, CourseListData as List)

}

@using (Html.BeginForm("CoursesRegistration", "Home", FormMethod.Post))

{

class="modal-footer">

"button" class="btn btn-secondary" data-dismiss="modal">Cancel

"@Url.Action("CoursesRegistration", "Home")" class="btn btn-large btn-success">Create Courses

"text/javascript">

$(".btn-success").click(function () {

saveData();

});

function saveData() {

var clientNo = $("#ClientId").val();

var courseName = $("#CourseName").val();

debugger

$.ajax({

url: "/Home/CoursesRegistration",

type: 'POST',

data: JSON.stringify({ 'clientNo': clientNo, 'courseName': courseName }),

dataType: "json",

traditional: true,

contentType: "application/json; charset=utf-8",

success: function (result) {

}

});

//return false;

}

}

}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Darshan Shah6y ago
Please describe your exact requirement.
0