NightDev Community Forums

Any way to have chat start at the bottom, then build up?


#1

Example:


.
.
.
new message


(box with one message above, box with two below)


.
.
old message
new message



#2

No there is no native way to do this in KapChat as users usually read text from top to bottom.


#3

As Aaron said there is no native way to do so but you can try what another user posted to see if that solution works for you. Its just some CSS that you can tack on to your browser source. Invert Appearing Order


#4
#chat_box {
    background-color: transparent !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: absolute;
    overflow: hidden;
    color: #FFFFFF !important;
    border-radius: 4px;
    width: calc(100% - 10px);
    height: auto;
    bottom: 0px;
    vertical-align: middle;
    line-height: 13px;
}

bottom: 0px is the important part of it as it sets the bottom at 0 px and all chat starts at the bottom and moves up as new lines appear.

A full chat CSS can be found here http://pastebin.com/rswGYPkt
Chat lines have individual boxes around them and has a slide in animation from the left side.


#5

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.