Jump to content
  • 0
Sign in to follow this  
Mikey

Image from field entered into html datapage

Question

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>

 

 

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

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

Share this post


Link to post
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...