Teammates: Unclear "p" in the Admin Email Compose Page
Is the below "p" is doing something or has any meaning ?
It seems to be a button but use is not clear.
sujeet14108
All 4 comments
Hi @sujeet14108 ! That p is not exactly a button. It is related to the HTML which is rendered from the message you type. The normal text you type is put into HTML <p> tags, which is what that p stands for. If you were typing an un-ordered list item, then it would show ul > li as such -
So, the text there shows in which level of nesting of HTML tags are you typing currently. You can click Tools -> Source Code to check out the HTML which is generated from the message you typed. For example -
So as per this HTML, if my cursor in the text box is near 'Lorem Ipsum', then I am actually typing a <p> tag which is what it shows. And if my cursor was near 'Hello', then I am actually typing an <li> tag inside a <ul> tag which is what gets displayed. I hope this clarifies the issue. Feel free to ask again if you have anymore confusion. :smile:
VamsiSangam
on 25 Apr 2017
@VamsiSangam @damithc What is need of this from user perspective ?
sujeet14108
on 25 Apr 2017
It serves a similar purpose as HTML breadcrumbs in your IDE.
When we write very very long paragraphs nested deep inside we are often confused at which level we are. Looking at the text at the left bottom helps us to keep a track of where we are. In IDEs this confusion is less as we have opening and closing tags. But where as the text box in adminEmailComposePage where we don't even have opening and closing tags, we are bound to loose a track of where we are very easily.
The picture above has very little text, but imagine if you were writing around 200+ words at each level, it could be hard for you to keep track of where you are. You might end up scrolling up and down to check at which level you are. The text at the bottom right corner simplifies that.
Additionally, that text in adminEmailComposePage performs another functionality. Clicking on a tag highlights the text which belongs to a particular tag. As such -
In the above pic I clicked on the last ul, couldn't capture the cursor.
VamsiSangam
on 25 Apr 2017
Thanks understood :)
sujeet14108
on 25 Apr 2017
Related issues
whipermr5
路
4Comments
wkurniawan07
路
3Comments
keoren3
路
3Comments
whipermr5
路
3Comments
wkurniawan07
路
4Comments
Most helpful comment
It serves a similar purpose as HTML breadcrumbs in your IDE.
When we write very very long paragraphs nested deep inside we are often confused at which level we are. Looking at the text at the left bottom helps us to keep a track of where we are. In IDEs this confusion is less as we have opening and closing tags. But where as the text box in
adminEmailComposePagewhere we don't even have opening and closing tags, we are bound to loose a track of where we are very easily.The picture above has very little text, but imagine if you were writing around 200+ words at each level, it could be hard for you to keep track of where you are. You might end up scrolling up and down to check at which level you are. The text at the bottom right corner simplifies that.
Additionally, that text in
adminEmailComposePageperforms another functionality. Clicking on a tag highlights the text which belongs to a particular tag. As such -In the above pic I clicked on the last
ul, couldn't capture the cursor.