i have this problem with liveagent chatwindow configuration ; my Timestamp for every message is located down on the page like in this picture
I want to have this result ; every message must have his own timestamp.
How can i solve this problem ?
<!--<div id="photo-container" class="photocontainer">
<img id="agentphoto" src=""/>
</div>-->
<div style="top: 7px; left: 7px; right: 7px; bottom: 7px; background: none; z-index: 0; position: absolute; ">
<div>
<div id="brand"/>
<!--<div id="userPhoto">
<img id="agentphoto" src=""/>
</div>-->
</div>
<div id="transcript" >
<liveAgent:clientChatAlertMessage />
<liveAgent:clientChatStatusMessage />
<table id="waitingMessage" cellpadding="0" cellspacing="0">
<tr>
<td>{!$Label.Connect_Agent}</td>
</tr>
</table>
<liveAgent:clientChatLog showTimeStamp="true" />
</div>
<div style="position: absolute; height: auto; right: 0; bottom: 0; left: 0; margin-right: 67px;bottom: 30px">
<liveagent:clientChatInput />
<!--<liveAgent:clientChatSendButton label="{!$Label.Send_Chat}" />-->
<div id="image">
<img src="/resource/1488906234000/InvioChat" onclick="SfdcApp.LiveAgent.Chasitor.sendMessage();"/>
</div>
</div>
</div>
<liveAgent:clientChatEndButton label="{!$Label.End_Chat}" />
</div>
</div>
Styles Used
#liveAgentChatLogText .timestamp {
display: inline-block;
font-size: 0.85em;
font-weight: 200;
color: #929A9D;
text-transform: uppercase;
padding: 8px 0px 8px 0px;
position: absolute;
bottom: -30px;
}
#liveAgentChatLogText .operator .timestamp {
left: 0px;
}
#liveAgentChatLogText .client .timestamp {
right: 0px;
}