Image from field entered into html datapage

[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>

 

 

[Mikey]

As an FYI - Turns out that to add an image form a field within and html page, make sure your authentication has a view with the image field, then for some reason you need to use the html editor and add the image there and make sure you add  / after the authfield. I cannot make it work without the editor (which I normally turn off) but it works. 

 

Solved