After screen resize only, the content shows back up:
function fileUpload(){ function initUpload() { // Click On FileUpload $('.FileUpload_Widget input[type=file]').bind('change', function () { that = $(this); // Filename is equal to their value var filename = $(this).val(); if (/^\s*$/.test(filename)) { that.closest(".FileUpload").find(".FileUpload_Label").text("No file selected..."); that.closest(".FileUpload").find(".FileUpload").removeClass('active'); } else { that.closest(".FileUpload").find(".FileUpload_Label").text(filename.replace("C:\\fakepath\\", "")); that.closest(".FileUpload").find(".FileUpload").addClass('active'); } }); }; osAjaxBackend.BindAfterAjaxRequest(initUpload); initUpload(); }; $(document).ready(fileUpload);
Hello Carlos,
We were able to replicate the issue, and I'm adding it to our backlog to be further analysed.
As a workaround you can define the group for each radio button, so that you have distinct groups for each line of your list record.
To do so, on the extended properties add a name (containing the CurrentRowNumber) to each radio button (check image bellow):
Cheers,
Samuel Jesus
Hi Samuel,
Another problem regarding the Feedback Message widget and SilkUI Themes.
If you use the Feedack_Message action inside a popup (RichWidgets) you get different behaviors for some of the themes:
Liverpool Theme: the feedback message popup is shown on top of the modal - OK
Lisbon Theme: the feedback message is shown behind the modal - WRONG
EDIT:
The problem is in the Lisbon Theme CSS, it contains an override of the feedback message z-index set in RichWidgets CSS:
Lisbon CSS
div.Feedback_Message_Wrapper { left: 0; z-index: 9;}
RichWidgets CSS
div.Feedback_Message_Wrapper { position: fixed; top: -200px; text-align: center; width: 100%; font-size: 16px; margin-bottom: 25px; margin-top: 24px; _position: absolute; /* IE6 */ _top: expression( (document.documentElement.scrollTop - 2) + 'px' ); /* IE6 */ z-index: 10000;}
The latest version of SilkUI (2.2.1) has a horible bug: it's not possible to use a DateFormat and an InitialDate at the same time. See here: https://screencast.com/t/Alo4m3ln. What happens is that the InitialDate is converted to text without taking the DateFormat into account, but is then parsed according to the DateFormat. Ouch! OutSystems, please fix this asap! Thanks.
EDIT: See attachment for a minimal example.
It would be nice to have a Silk backlog simliar to Ideas so its easier to find/report issues and also to see what has and hasn't been fixed. You have to read the entire discussion and sort through the list to check for possible issues and there are mixed versions.
Can you bring some type of progress circle to silk?
ex.: https://kimmobrunfeldt.github.io/progressbar.js/
It would be great if we can customize the aspect of the circle.
Hi fellas,
I was looking at the source code of the Calendar widget and found something that could be improved performance wise.
Basically you're doing a Database Query on the SYS Params to get the Service Center configured date format. Maybe you can use cache, remove the sorting and set the Max records = 1 to make this a lot faster, specially if the widget is used inside UI iterators.
Thanks
Bug with Lisbon Theme and the Tooltip pattern.
If we use the sidebar placeholder from the Lisbon theme layout, all the tooltips in the screen become not aligned with the referenced widget.
https://youtu.be/nXkY4H7pn10
Bug in Wizard. If you put a link into WizardStep and make it disabled (because this is future step or for another reason) - you can still click it, it navigates to "undefined" and shows 404. This is because of this script:
$(document).ready(function(){ $("a").not(".popup").click(function (event) { event.preventDefault(); window.location = $(this).attr("href"); });});
But disabled links don't have "href" attribute (I understand OS rendering behaves like this).
As a workaround, I'm now doing such links enabled, but referring some dummy "#", and also add onclick= "return false;" (but I think either of these should be enough).
I also don't understand why you need this script at all, if all it seems to do is involve normal behavior of link, but maybe I just don't get it.
Another issue: in Calendar. When I set "FirstDay" to 1 - there is javascript error: Uncaught SyntaxError: Unexpected identifier (convertDateToInt). In this case, the control is in the popup (RichWidgets\Popup_Editor), maybe related somehow.
Update: First it seemed to be fixed by removing FirstDay, but the problem is still there even without it.
Could you please update select2 code and add an option so that we can chose to hide the search box. Thanks.
Hello,
Sorry for the long wait without news on the Calendar issues, our team is gathering all the feedback provided and the Calendar will be fixed for the next version of Silk UI Web.
If you have more feedback on it, feel free to share with us.
My regards
Hi Dinis, that's great to hear! Eagerly awaiting the fix! If you need any more information than what I wrote above let me know (you can PM me or reach me via the MVP Slack channel).
Hi,
I'm dealing with a few bugs when a sectionExpandable is inside another SectionExpandable.
You need to specify wich element you need to change.
Example:
If you need to rotate the icon in theme_silkui you have this selector css
.SectionExpandable.expanded .SectionExpandable__icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
This style works in sectionExpandable parent, however the icon in sectionExpandable parent and child rotates when sectionExpandable parent is triggered.
I create this example
.SectionExpandable.expanded > .SectionExpandable_header >.SectionExpandable__icon {
Hi. I'm using the IconBadge from SilkUI but the counter is acting out. Instead of being round it is square (see pic). I tried to mix the CSS but nothing. Anyone got a clue why this is happening? :)
With best regards,
Íris
Íris,
Did you check via your browser's devtools what the actual CSS is that's been applied?
Yes, but I didn't see the error, but I went over it again and found it. It was being overwritten by another code. Thanks for the help! :)
Kilian Hekhuis wrote:
Translate the FileUpload widget button label or allow to define the label like it is done for the EmptyMessage content.
Jogait,
The FileUpload widget is in fact a browser widget, that is displayed in whatever language your browser is in.
Not the silk one, but i've already noticed that the latest version have an input parameter for the button text, so the problem is solved. :)
Can you bring the mobile progress circle to silkweb?
Mobile Feedback messages should allow the developer to control the auto-hide, including the timeout. FeedbackMessage actions in the Javascript API allow some level of control but is not easy to extend the timeout of Info and Success messages.
Chers,
Tiago
I'd love AnimatedLabel and TimelineItem added to Silk UI WEB from Silk UI Mobile.
Cheers
Steve
Hi guys! Thanks for the feedback, we really appreciate it :)
Tiago, the Feedback Message is not a Silk UI Pattern, but we might create public actions to easily configure their behavior, we'll consider this for the future.
Steve, we have been receiving similar feedback too, expect to see some new stuff coming on Silk Web!
Hi,I'm not sure if the "Popup" component is part of the SILK component list however I wanted to leave here a suggestion for improvement for this widget on iOS.When we put a lot of content in a Popup that causes vertical scroll, the scrolling movement in iOS gets poor, it is not smooth and we lose the Momentum Scrolling effect.This happens because in CSS it is defined "overflow: auto" and it should use "overflow-y: scroll"The solution I found was the following:
/* - - - - - - - - - - - - - - - - - - */
[data-popup] { overflow-y: scroll; -webkit-overflow-scrolling: touch;}
/* - - - - - - - - - - - - - - - - - - */With this, we have a smooth scroll and the Momentum Scrolling.I hope it helps !
And here's another bug: https://www.outsystems.com/forums/discussion/32991/accordion-the-refresh-edit-icon-on-edited-fields-remain-visible-when-closing-an/
I’m having an issue with the calendar widget, in which the input which receives a nulldate from the record, #1900-01-01#, and has its null value property formatted to the same #1900-01-01# displays the current date instead of the “YYYY-MM-DD” value. Even with the Prompt value defined as “YYYY-MM-DD”, the input will still display the current date.
I’ve tested and found this issue with framework version 3.1.8 and the latest 3.1.12, using platform version Version 10.0.710.0.
This doesn’t occur with Calendar_DEPRECATED widget in the latest 3.1.12 version, and it seems to be OK with the Calendar widget itself but in a previous version of the Framework, namely 3.1.2.
The effects of this issue are at least:
User gets an input with a wrong value, expected null and gets current date;
When saving, even if the user doesn’t edit the input, the current date gets saved with the form, instead of keeping the null value, and thus alters data.
Thanks in advance for any help or suggestion on this issue.
Bruno Paixão.
Not really a bug, but just something I perhaps need to work out. The menu auto resizes, is there a (hopefully reasonably simple) way to control at what resolutions (screen widths) it changes size? Its just that for my web application I really would like to use the menu at the larger width even on smaller screens, or at least a bit bigger than the very small size it goes to.Any advice welcome!Thanks
I faced another bug regarding the flip content widget on mobile. I have posted a separate discussion at https://www.outsystems.com/forums/discussion/60520/flipcontent-bug/#Post233368