What is the "title" component className? How do I find that?
Would it be like this...
.ReceivedMessage strong{
font-weight: bold;
}
I thought .ReceivedMessage was the classname?
How do I find my public link?
What is the "title" component className? How do I find that?
Would it be like this...
.ReceivedMessage strong{
font-weight: bold;
}
I thought .ReceivedMessage was the classname?
How do I find my public link?
Peter,
You need to add to the component that's is you need to hightlight with "bold" some className. Then you can make more specific CSS class rulle to make UI you need.
Yes, ReceivedMessage is class name for your root element.
Please see details about public link in the screen shot:
http://prntscr.com/44r5nj/direct
Regards.
http://appery.io/app/mobile-frame?src...
Click CSS
Received Message
(CSS to make font bold is there)
Click Pages Messaging
In the Design tab of Messaging, see the mobile grid component that contains two Labels
Click on the second label, see that it's called Body
Go to the Data Tab of Messaging, and go to Response parameters
See that the Body field of the Messages table is mapped to the Label Body, and CreatedAt is mapped to another label.
See that there is a local storage variable called CurrentUserId (this gets set when the user logs in)
See that there is a column in the Messages table called SentFromID
When the CurrentUserId is not equal to the SentFromId, I want the text in the labels to be bold.
Click on the Edit JS button on Mobile Grid 15 "$" (Response)
When you test the app:
Log in as :
Email- guy
Password- guy
Click Messages at the bottom
Click on NewChat
On this page, if you get it to work, it will look like this:
"How are you?" will be in bold
"Hello girl!" will not be in bold
"Hi guy!" will be in bold
Hi Peter,
I've checked your app.
It's ok with your JS code.
But you need make right CSS with right rules.
Please use following CSS code instead of yours:
pre
table[name="mobilegrid_15"]{
border: 1px solid #eee;
table-layout: initial;
width: auto;
clear: both;
}
table.ReceivedMessage{
float: right;
}
.ReceivedMessage [name="Body"] {
font-weight: bold;
}
/pre
Regards.
You're the man Yurii! Thank you so much!