2026-02-03 11:07 AM
The screen has 4 containers and many widgets. I am interested in keeping the names during the export to save lot of repertitive work
Solved! Go to Solution.
2026-02-05 6:59 AM
Hello @ksale.1.
Unfortunately, there is currently no very nice way to export and import, or copy and paste TouchGFX screens between different projects. The copy and paste option only works within the same project.
What I usually do, when I need to copy a screen, is to open the .touchgfx in a text editor and copy the required screen to the other project. This requires manually adding images with the same names and in the same locations as in the source project. Furthermore, you also need to add the typographies with the same names.
I have an example below. Although this is a simple example, I have previously successfully been able to do the same for very complex screens.
"Screens": [
{
"Name": "Screen1",
"Components": [
{
"Type": "Box",
"Name": "box1",
"Width": 480,
"Height": 480,
"Color": {
"Red": 255
}
}
],
"Interactions": []
},
{
"Name": "Screen1_copied",
"Components": [
{
"Type": "Box",
"Name": "box1",
"Width": 480,
"Height": 480,
"Color": {
"Red": 255
}
}
],
"Interactions": []
}
],Adding a built-in feature to improve this process is already in the backlog. However, it will not come in the near future.
Best regards,
Johan
2026-02-04 12:37 AM
Please note "Right-click completely broken, no context menu"
2026-02-04 1:35 AM
Please note no 'Export' in the context menu v 4.26.0
2026-02-05 6:59 AM
Hello @ksale.1.
Unfortunately, there is currently no very nice way to export and import, or copy and paste TouchGFX screens between different projects. The copy and paste option only works within the same project.
What I usually do, when I need to copy a screen, is to open the .touchgfx in a text editor and copy the required screen to the other project. This requires manually adding images with the same names and in the same locations as in the source project. Furthermore, you also need to add the typographies with the same names.
I have an example below. Although this is a simple example, I have previously successfully been able to do the same for very complex screens.
"Screens": [
{
"Name": "Screen1",
"Components": [
{
"Type": "Box",
"Name": "box1",
"Width": 480,
"Height": 480,
"Color": {
"Red": 255
}
}
],
"Interactions": []
},
{
"Name": "Screen1_copied",
"Components": [
{
"Type": "Box",
"Name": "box1",
"Width": 480,
"Height": 480,
"Color": {
"Red": 255
}
}
],
"Interactions": []
}
],Adding a built-in feature to improve this process is already in the backlog. However, it will not come in the near future.
Best regards,
Johan