70
Views
4
Comments
Solved
How to show bold,Italic and underine text in a list having sourse as an entity
Question

Hi All,

I am using text area having 3 icons for bold,italic and underline text respectively. But I am not able to change the type of text here also I don't want to use CKEditor.Now I want to save data as same as I have entered inside my text area.for e.g. This is my new task. Now I want to show the data like this only inside my list after saving it in database.

Font Style.PNG
2024-01-31 05-29-41
Akshay Deshpande
Solution

Hello Madhura Hajarnis,

you can able to used the component but seems its not your requirement 
So I have made one POC with the help of JavaScript. You can use bold, Italic and underlined text


I have attached OML as well as the DEMO link
 
IsShow button assigns the value to local variable; you can pass that value to entity 
I have done changes for "BOLD"

Instead of bold, put Italic and underline for next to buttons 

Hopes it will help you 

Thanks and Regards,
Akshay Deshpande





2024-01-31 05-29-41
Akshay Deshpande

@Irfan Ahamed Abdul Shukoor

I’ve attached the working OML file to this thread since you reached out to me directly. I believe it’s better to share it here so that anyone else who needs it can also access it easily. 

Thanks and Regards,
Akshay Deshpande

Test.oml
2024-03-23 18-16-49
Bryan Villalobos

Hi @Madhura Hajarnis ,

If you are looking for an OS solution without using any extension/component, it is impossible as the OutSystems TextArea is not made to show formatting.

Any particular reason on why you do not want to use CKEditor?

If you need your own icons for bold, italic and underline, you can still choose to have them and just hide the icons of the CKEditor. But you will have another issue, which is to determine which text you highlighted and that might have some more complex javascripts.

And then again, all of these are already simplified by the CKEditor. 

You may also just show the icons you need by using the CKEditor toolbar configuration.

If you are not keen on the CKEditor, OutSystems have other Rich Text Editor components like this:
https://www.outsystems.com/forge/component-overview/11630/tiny-rich-text-editor-6-o11 


Regards,

Bryan

2026-03-12 06-20-48
KUNDAN CHAUHAN
Champion

Hey @Madhura Hajarnis ,

For this we can use Forge component CKEditor.Reactive

CKEditor.Reactive Forge component link

Hope it help you

Thanks

Kundan Chauhan


2024-01-31 05-29-41
Akshay Deshpande
Solution

Hello Madhura Hajarnis,

you can able to used the component but seems its not your requirement 
So I have made one POC with the help of JavaScript. You can use bold, Italic and underlined text


I have attached OML as well as the DEMO link
 
IsShow button assigns the value to local variable; you can pass that value to entity 
I have done changes for "BOLD"

Instead of bold, put Italic and underline for next to buttons 

Hopes it will help you 

Thanks and Regards,
Akshay Deshpande





2024-01-31 05-29-41
Akshay Deshpande

@Irfan Ahamed Abdul Shukoor

I’ve attached the working OML file to this thread since you reached out to me directly. I believe it’s better to share it here so that anyone else who needs it can also access it easily. 

Thanks and Regards,
Akshay Deshpande

Test.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.