1 reply [Last post]
Rk
Rk's picture
Offline
newbie
Last seen: 3 years 35 weeks ago
Timezone: GMT+5.5
Joined: 2016-03-30
Posts: 1
Points: 2

Hello Tony

I am developing an android chat app using appiventor and i am using below HTML to put the content of MySQL output into my android app. However i notice the messages get overwritten every time with the new content and i wanted each message to appear one by one, just like any other conversation. i struggled for the past couple of days, but could not find a solution. i am a novice to HTML and any help would be greatly appreciated.

regards
rk

PS : i am using CSS within the HTML since an outside CSS is not supported by the appinventor.

my html code below :

Speech Bubble

.chat {
width: 400px;
}

.bubble{
background-color:#7ec0ff ;
border-radius: 5px;
box-shadow: 0 0 6px #7ec0ff;
display: inline-block;
padding: 10px 18px;
position: relative;
vertical-align: top;
}

.bubble::before {
background-color: #7ec0ff;
content: "\00a0";
display: block;
height: 16px;
position: absolute;
top: 11px;
transform: rotate( 29deg ) skew( -35deg );
-moz-transform: rotate( 29deg ) skew( -35deg );
-ms-transform: rotate( 29deg ) skew( -35deg );
-o-transform: rotate( 29deg ) skew( -35deg );
-webkit-transform: rotate( 29deg ) skew( -35deg );
width: 20px;
}

.me {
float: right;
margin: 5px 45px 5px 20px;
}

.me::before {
box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
right: -9px;
}

.you {
float: right;
margin: 5px 20px 5px 45px;
}

.you::before {
box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
right: -9px;
}

bubble{
background-color: #7ec0ff;
border-radius: 5px;
box-shadow: 0 0 6px #B2B2B2;
display: inline-block;
padding: 10px 18px;
position: relative;
vertical-align: top;
}

document.write(window.AppInventor.getWebViewString());

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 20 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi Rk, Can you give us an

Hi Rk,
Can you give us an example of the markup, so we can see how it is overwritten