I am having an issue with the display of a combo drop down when changing the "visible" knockout binding. It looks like the display is getting set to block instead of inline-blokc.
<!DOCTYPE html>
I'm seeing a lot of question on this forum, but few answers. Where is everyone ???
Bob
Hi, Bob.
Thanks for the patience and I hope that I can help you.
You are right that "visible" binding change the display from "none" to "block", but the display of the igCombo needs to be "inline-block". This means that for the combo we need to override the default behavior of the knockoutJS "visible" binding. Let me investigate this further and will provide you with either a bug or feature request, or if this is out of our scope it will be added as a known issue. As a workaround, for the moment, you can set explicitely the display to "inline-block" after the "visible" bidning had set it to "block".
Just for your information I saw that in your view model the last line of code you should have the "self" prefix: self.InEditMode = ko.observable(false); This of course doesn't fix the main problem.
Thank you again and I will wait for your feedback.
Best regards,
Nikolay Alipiev
Hi, Mike and Bob.
What the KnockoutJS "visible" binding is doing, is to set the display to empty string (""), which leads to these visual problems. What we have for the moment, is igCombo binding, which is different from knockout ones, and this problem is related more to the combo itslelf and "visible" binding rather than the knockout extension for the combo. However, what we think is to create another knockout extension, similar to that default "visible" one, but it will handle the display specificity of the igCombo. We will try to fix this with our next service release, which is at the end of the month. If we don't have the capacity it will be with 13.2 release. I will keep you up to date when the change is applied. Until then you can use the following workaround:
$("#EditModeCheckbox").click(function () { if ($("#EditModeCheckbox").is(":checked")) { $("#comboText").css("display", "inline-block"); }});
If you have more questions don't hesitate to ask me.
Nikolay
Hello, Mike and Bob.
By the end of the week or in the start of the next, our service release will be out. We've implemented a special binding handler "igComboVisible" that is equivalent of KnockoutJS "visible", and the only difference is that it works for igCombo. So instead of using:
visible: InEditMode
you will just need to replace with:
igComboVisible: InEditMode
If you are still interested in this issue, please be aware of the coming service release and I will wait for your feedback.
thanks for the Update Nikolay !