Hello, I have and html page, that I use as a customized user dropdown menu. It works pretty well however, I want to add the user profile image to the code. I can get the code working with name and email address data from the tables if I include them in the authentication however pictures do not work..
Any idea how to add a profile pic, using HTML page? basically need to get the html to display the picture in the code.... Here is the code I have in the html page... again everything works as expected just need to get a profile pic image put in it.. I tried adding the pforile pic field into the authentication with no luck.....
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Question
Mikey
Hello, I have and html page, that I use as a customized user dropdown menu. It works pretty well however, I want to add the user profile image to the code. I can get the code working with name and email address data from the tables if I include them in the authentication however pictures do not work..
Any idea how to add a profile pic, using HTML page? basically need to get the html to display the picture in the code.... Here is the code I have in the html page... again everything works as expected just need to get a profile pic image put in it.. I tried adding the pforile pic field into the authentication with no luck.....
THANKS!!!
HTML datapage
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
[@authfield:User_FirstName] <i data-feather="chevron-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="profileDropdown">
<div class="dropdown-header d-flex flex-column align-items-center">
<div class="figure mb-3">
<img src="[@authfield:User_ProfileImage]" alt="">
</div>
<div class="info text-center">
<p class="name font-weight-bold mb-0">[@authfield:User_FirstName]</p>
<p class="email text-muted mb-3">[@authfield:User_Email]</p>
</div>
</div>
<div class="dropdown-body">
<ul class="profile-nav p-0 p-3">
<li class="nav-item">
<a href="profile.php" class="nav-link">
<i data-feather="user"></i>
<span>Profile</span>
</a>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link">
<i data-feather="settings"></i>
<span>Settings</span>
</a>
</li>
<li class="nav-item">
<a href="logout.php" class="nav-link">
<i data-feather="log-out"></i>
<span>Log Out</span>
</a>
</li>
</ul>
</div>
</div>
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.