Skip to Content (Press Enter)
UserImage.jpg
Golden Daffodil
38Views
5Comments
Solved
Can I change save/cancel icon to other language in Editable table
Question
Traditional Web
Application Type
Traditional Web

Hello, I desire below icon to change other language.Is it possible?

Best Regard

Hayasaka

0
0
03 Mar 2021
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Hayaska,

Based on my understanding to the mentioned use-case. I have framed out an implemenation which I guess could help you.

Refer to this sample screen: CustomEditableTable Screen

Please find the attached .oml file

Followed Solution Steps:

  • Basically, I have used some custom JS to achieve the use-case
  • Define a web block wrapped with JS code to manipulate the Default EditableTable functionality
  • Place the same webblock to the screen, wherever it's required
  • Pass the input parameter values to the block i.e. Text/String Replacement of Icon - encapsulated with multi-lingual inline-function (to fulfil your multilingual use-case) e.g. TranslateText("Save")
  • Define the CSS class definitin in the block stylesheet section for the replaced text <span> tag


Note: Sorry! I'm not that good with JS, request you to optimize the defined JS code as per your understanding and expertise :)

Hope this helps you!


Let me know if you need any more help.


Kind regards,

Benjith Sam

See solution in context
TWALabCustomEditableTable.oml
1
0
03 Mar 2021
Copy Link
UserImage.jpg
Golden Daffodil

Hi Benjith Sam,

I updated JS code part of the delete icon.I don't need delete text.I replaced Japanese text in Web Block. And then I did as your instruction.Finally updated CSS  stylesheet.It's really work. Thanks for your explanation.

Best Regards,

Haysaka


0
0
04 Mar 2021
Copy Link
2021-06-01 05-56-33
Komal Kumbhar

Hi Hayasaka Kenichi,

Can you please elaborate your question, what I understand from your query is , you want to change the ICON to other LANGUAGE ? or while you use other language the icons will change ?

Multilingual functionality is applicable only for text.

Please confirm to help you with answer.

Regards,

Komal


1
0
03 Mar 2021
Copy Link
UserImage.jpg
Golden Daffodil

Hi Komal,  I want to change ICON to Text( e.g Tick Icon to Save(Text) )

Thanks for your attention.

Hayaska

0
0
03 Mar 2021
Copy Link
2021-06-01 05-56-33
Komal Kumbhar

Replying to Hayasaka Kenichi's comment on 03 Mar 2021 06:54:02

Multilingual functionality is applicable only for text, we can not move icons to text in multilingual. 

You can give save text in English language and then translate it to other languages by using multilingual functionality given by Outsystems.

If not , then you can use switch in table and manually give the translated text for required language. 

Regards,

Komal


1
0
03 Mar 2021
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Hayaska,

Based on my understanding to the mentioned use-case. I have framed out an implemenation which I guess could help you.

Refer to this sample screen: CustomEditableTable Screen

Please find the attached .oml file

Followed Solution Steps:

  • Basically, I have used some custom JS to achieve the use-case
  • Define a web block wrapped with JS code to manipulate the Default EditableTable functionality
  • Place the same webblock to the screen, wherever it's required
  • Pass the input parameter values to the block i.e. Text/String Replacement of Icon - encapsulated with multi-lingual inline-function (to fulfil your multilingual use-case) e.g. TranslateText("Save")
  • Define the CSS class definitin in the block stylesheet section for the replaced text <span> tag


Note: Sorry! I'm not that good with JS, request you to optimize the defined JS code as per your understanding and expertise :)

Hope this helps you!


Let me know if you need any more help.


Kind regards,

Benjith Sam

TWALabCustomEditableTable.oml
1
0
03 Mar 2021
Copy Link
UserImage.jpg
Golden Daffodil

Hi Benjith Sam,

I updated JS code part of the delete icon.I don't need delete text.I replaced Japanese text in Web Block. And then I did as your instruction.Finally updated CSS  stylesheet.It's really work. Thanks for your explanation.

Best Regards,

Haysaka


0
0
04 Mar 2021
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.