Menu and User Image

[stuartw]

I have a Primefaces Ultima webapp that has a dashboard.xhtml and menu with my own content. It works. Primefaces is really pretty easy to learn up to this point, even for someone like me who is an upper-case disaster when it comes to css.
Attempting to replace the menu's user image is an issue. I have DefaultInputStream (created from FileInputStream) that is non-null and no exceptions are thrown. The problem is getting it (?) into the template. I've tried a custom style class and other things to no avail. No matter what, the template insists on using an image with an id of "j_idtxx" and I have no idea how that comes about.
Where can I learn how this works without becoming a layout expert?

[mert.sincan]

Thanks a lot for your thoughts, please try;

Code: Select all

...
<div class="profile">

    <p:graphicImage styleClass="profile-image" style="display: block" value=... /> 

    <a id="profile-options" href="#">
        <span class="profile-name">Jane Williams</span>
        <i class="material-icons">&#xE313;</i>
    </a>
</div>
...