Showing the data of the right side of the TimeLine


Showing the data of the right side of the TimeLine



How can I show the description Data on the left or the right side of the timeline acording of it Candidate.Saving result?
If it's Candidate.Saving == true it should be on the left, if it's Candidate.Saving==false it should be on the right side of the time line.
I will shou here my candidate Model And my View.


Candidate.Saving == true


Candidate.Saving==false


public class Candidate : BaseEntity
{
public int Id { get; set; }
public string Name { get; set; }
public int Number { get; set; }
public string ProfileText { get; set; }
public Byte CV { get; set; }
public string CVNAME { get; set; }
public List<Profile> ProfileList { get; set; }
public String Description { get; set; }
public Boolean Saving { get; set; }
public string Title { get; set; }
public DateTime DateOfDescription { get; set; }
}



Here is my view:


@model HCCBPOHR.Data.Candidate

@{
ViewData["Title"] = "CandidateHistory";
}

<h2>Canidate - @Model.Name</h2>

<label>History</label>
<hr />



History Of @Model.Name


@foreach (var Description in Model.Description)
{
@if (Model.Saving == true)
{
<ul>
<li class="timeline">





Title



@Model.DateOfDescription.ToShortDateString()




@Model.Description



</div>
</li>
</ul>

}
@if (Model.Saving == false)
{

<ul>
<li class="timeline-inverted">





Title



@Model.DateOfDescription.ToShortDateString()




@Model.Description



</div>
</li>
</ul>

}

}
</div>

@*




  • Isto é para inverter o lado





    Title



    @Model.DateOfDescription.ToShortDateString()




    @Model.Description



    </div>
    </li>
    </ul>
    </div>
    </div>*@



    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@Model.Saving"> Add History Description</button>

Popular posts from this blog

api-platform.com Unable to generate an IRI for the item of type

How to set up datasource with Spring for HikariCP?

Display dokan vendor name on Woocommerce single product pages