How to make login details after login success with form below

Question

I work on razor page on asp.net core 7 I need to make form or box with details of users success as below

but I don't know what is name of box have user details

I pass data after login success by following

@TempData["UserId"]

@TempData["UserName"]

@TempData["Company"]

@TempData["Branch"]

@TempData["Env"]

so how to generate box or form as image with details as below :

Mudzakkir Toha · Answer

try this : http://jsfiddle.net/qy9Az/2760/ you can add html tags on popover bootstrap. put it on : data-content property https://stackoverflow.com/questions/13202762/html-inside-twitter-bootstrap-popover

ahmed salah · Answer

Can you help me I need to provide popover bootstrap on my code i using bootstrap model and this is not suitable for me i need to replace bootstrap model with popover bootstrap so how to modify my code to accept popover my code as below User Details &times; User Name: @TempData["UserName"] User Role: @TempData["UserRole"] Environment: @TempData["Environment"] User ID: @TempData["UserId"] StatusCode: @TempData["StatusCode"] Close View User Details

Mudzakkir Toha · Answer

If that popup is not a must, you can use bootstrap modal like this: https://stackoverflow.com/questions/34977785/how-to-do-modal-bootstrap-appear-on-bottom and use bootstrap profile template: https://www.sliderrevolution.com/resources/bootstrap-profile/ or you can search here: https://devbeep.com/bootstrap-profile/ That component is like bootstrap tooltip. but I do not know is it can use custom html as container of that profile picture info component.