Should read-only text appear as plain text or in a read-only textbox?

Should I use labels for read-only information, or should I use read-only text boxes to maintain the look of the fields?

It seems to me that if something is in a textbox it implies there is some way to edit it, whereas plain text is explicitly read-only.

Update: While my question is similar to Locking input form fields, does it make sense?, mine is different in that I’m referring to fields that are never editable by anyone. It’s not based on the user’s rights or role.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Should read-only text appear as plain text or in a read-only textbox?

Should I use labels for read-only information, or should I use read-only text boxes to maintain the look of the fields?

It seems to me that if something is in a textbox it implies there is some way to edit it, whereas plain text is explicitly read-only.

Update: While my question is similar to Locking input form fields, does it make sense?, mine is different in that I’m referring to fields that are never editable by anyone. It’s not based on the user’s rights or role.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Real estate for “What is this” help text?

enter image description here

The web application I work has “What is this?” for most of the pages. Currently we place them at the top right corner.

Tab occupies only 70% of available space and help text occupies 30% and the space below the help text is left empty.

How could redesign this page so that I could occupy the empty space and also ensure What is this? is always visible.

How to add icons in text in SharePoint Online Communication site?

I have a page in my communication site in which, I want to add my contact information.

I want to insert icons for it, which should appear before the text.

Example:

I want to add phone number icon and then type my phone number.

Similar to this one:

Contact Info Icons

So how to insert icons with text in Modern Experience ?

Thank you !!

Variable for theme text color

I have a custom web part that I want to have styled correctly no matter what color theme is installed on the site. I have this working correctly for my button background colors like this:

.myButtons {     background-color: $  ms-color-themePrimary; }  .myButtons:hover {     background-color: $  ms-color-themeDarkAlt; } 

My problem is that I need to know what foreground color to use. The stock web parts, for example, will change the foreground color to black or white depending on what color theme is selected and I’d like my web part to do the same so that users aren’t forced to try to read white text on a yellow background or something.

Is there a variable to get the correct text color?

Highlight Color & Text Color

How do we avoid using the same highlight color as the text color?

For example: when you highlight a paragraph, the background color changes to draw attention to the paragraph, but what if the color of the paragraph is the same as the background color?

How could we avoid that? Can you guys give me some keywords?

Thank you 😀

What ML Algorithm can “coloquialize” stings of text?

I am looking to colloquialize short natural language strings and titles to more proper grammar, and do the same in reverse.

For example, I’d like to find an ML algorithm that, given the proper data set and training, can convert “y’all” to “you all” or “she was like” to “she said”. Even professional titles: “Director, Human Resources” becomes “Director of Human Resources”.

To be clear, I have many thousands of strings that need to be colloquialized so I can’t do this in a deterministic way.

Can someone please tell me what the proper ML algorithm would be for this type of thing so that I can research?

I thought at first that it would be a Naive Bayes classifier until I realized that we would end up with thousands of classification categories and that is no good.

Thanks!

Highlighting text in a selectable container

We have an issue where a user can click into the cell of a table, and the table will sort based on that selection. But, we also have research that shows users want to be able to select the content of those cells to be able to copy/paste.

The issue is once the user clicks into the cell, the table sorts, so they are no longer on the same content, and are unable to select.

I am trying to explain to the developers that maybe we can do something where if the user clicks into it and moved the cursor, it doesn’t change based on sorting. But of course, we’d need a slight affordance so that users with twitchy mouses can also sort.

Does anyone know of anything that fits this pattern that I can use as an example to show the developers and producer what I am talking about when I explain this?

Does the explanation of what is happening and the solution even make sense here? Is there another solution that I am not thinking about (without just getting rid of the feature completely as dev suggested).

Highlighting text in a selectable container

We have an issue where a user can click into the cell of a table, and the table will sort based on that selection. But, we also have research that shows users want to be able to select the content of those cells to be able to copy/paste.

The issue is once the user clicks into the cell, the table sorts, so they are no longer on the same content, and are unable to select.

I am trying to explain to the developers that maybe we can do something where if the user clicks into it and moved the cursor, it doesn’t change based on sorting. But of course, we’d need a slight affordance so that users with twitchy mouses can also sort.

Does anyone know of anything that fits this pattern that I can use as an example to show the developers and producer what I am talking about when I explain this?

Does the explanation of what is happening and the solution even make sense here? Is there another solution that I am not thinking about (without just getting rid of the feature completely as dev suggested).