Hello all,
I'm having an issue using tabs, from outsystems UI and using the starting tab. Basically, the selected tab gets slightly skewed to the left and the next tab starts to appear on the right side, as shown below:
Any idea on how to fix this? Please find attached the .oml
Hi @Francisco Hortas Silva ,
this is a bug in version 2.15.0 of Outsystems UI. They are already aware of it, and it is on their backlog to be fixed.
see this related post, @b.marcelino offers a temporary workaround there.
I just tried that on your example oml, I only done a few tests, but it seems to work.
Dorine
PS:
A tip to everybody trying to help : there are the occasional problems arising from new versions of Outsystems UI, so if you can't seem to reproduce the posters problem, always verify on what version of Outsystems UI they are on, if you are not on the same, that could be the reason you don't have the same problem.
And an extra tip for those interested in everything Outsystems UI : I have a clone in my personal environment of the last 3 versions, so if people have a problem with something in the UI, I can switch between versions easily to try and reproduce, takes up some space, but very usefull.
@Dorine Boudry, thank you for sharing your knowledge. I couldn't imagine a scenario like this, and I wasn't aware that upgrading to newer versions of OutSystems UI could cause such a problem. However, it appears that the OutSystems UI in Francisco's environment is the same as mine.
ok, when i switch to 2.15.0 the problem appears, and when i switch to 2.14.0, it goes away. When testing, there is a difference between first opening the page in a new browser and a second time.
So it doesn't happen 100% of the time, like when i open a new incognito session, or i paste the url in another browser like firefox, the very first time it looks all right, but refreshing or another tab pasting the same link, show the problem.
I'm thinking it is maybe related to timing of things, like first session in a new browser takes a little longer to start, and the render happens a bit later, and by then some circomstance is different...
Got it! Thanks again Dorine!
Thank you very much @Dorine Boudry. I applied the fix specified in the link you provide and it seems to have solved the issue.
Hello Francisco,If you're having trouble with the starting tab, simply change the attribute "Starting Tab" to the desired value. Zero represents your first tab. I hope this helps you.
I've changed the StartingTab to 0 and attempted to replicate your view using your oml file, but it seems to be okay.
Best regards
But that is exactly the issue. When I set the starting tab to 6, for example, the tabs break
Hello again Francisco, Could you please provide more information about what you're attempting with your tabs and tables? Even after changing my screen resolution, I couldn't see things from your perspective.
Hello Amayry,
Here is a GIF of what I am seeing.
Francisco, I'm not sure what's happening with your application because everything appears to be fine. It's possible that there is a bug or misconfiguration in your browser. I would suggest trying a different browser or accessing your application on a mobile phone. Please let us know if you experience any differences
Hi,
I just published your OML and checked on browser, looks fine to me. May be because of screen resolution?
Hello Puja,
Even if this is being caused by my screen resolution, it shouldn't be happening, as it is a very standard display.
I uploaded above a GIF of my perspective, while reloading the page.
Does your app have any custom CSS for table/tab widget. Because I was able to reproduce the same issue as yours where I had custom CSS added. When I go to other tab and come back the it becomes fine, only when first time load this happens for me. Though I could not find where is actually the problem happening. May be if you can check.