Combobox is not beeing displayed in Chrome in XPages - xpages

I have a combobox and It works great in IE. But I would like it to be worked on google chrome. I think It's about some css settings but I could not find which CSS property I need to work with. I tried "-webkit-appearance:none
(/checkbox/listbox/etc...)" css property but It does not work. Please find the picture of How it looks like in Google Chrome.
<xp:comboBox id="ResPerson" value="#{document1.ResPerson}" valueChangeListener="#{changeRequestBean.valueChangeListener}">
<xp:selectItems id="selectItems1">
<xp:this.value><![CDATA[#{javascript:try {
var rList = ["A","B", "C"];
return rList;
}
catch(e)
{
print(e.toString();
}}]]></xp:this.value>
</xp:selectItems>
</xp:comboBox>
Hi,

As suggested, when hitting such issues, bear in mind XPages is built on Dojo. Search for issues with Chrome, the relevant component and Dojo. It sounds like this Chrome issue could be the cause https://productforums.google.com/forum/#!topic/chrome-admins/lOa89-9DF30. Downgrading Chrome to v54 should solve the problem, if this is indeed the cause. I've not heard of anyone else reporting the issue though, so I would recommend confirming it's an incompatibility introduced into Chrome by downgrading Chrome.
I've not gone past the first link on Google, but further searching on "Chrome combobox Dojo" will identify if Google have identified the cause or got a fix.

Related

Iframe Resizer - works on some pages but not others

I've tried all the troubleshooting suggestions, and I've got iFrameResizer working on other sites without any issues, but it's snagging on this one and I can't fathom out why. Weirdly, it works on the details page, but not on the listing page. Logging returns the
"hasn't responded in 5 seconds" message.
I've also tried all the various triggers ('max' etc.) none of them make a difference.
Example page where it doesn't work:
http://www.homesinfocus.co.uk/properties-to-let/
But on the details page, it does work:
http://www.homesinfocus.co.uk/property-details-let/?ID=790&LB=Let
I've made sure all the iFrames have unique IDs, and the listing page works okay for other sites, just can't see where the issue is with this one.
Any pointers would be much appreciated.
David, thanks for your help. CheckOrigin seems to have fixed it.
Seems to work fine with the following:
<script>
$(window).on('load', function (e) {
$('iframe').iFrameResize({checkOrigin:false});
});
</script>
The most common reason for that, is that the iframe hasn't loaded it's js file.
Also check that your using the very latest version, as the error message gives a bit more detail.

masonry images loaded not working

Dear community im using the masonry script on this site: http://www.hoeckernetworks.impulsfaktor.abcde.biz/
I was searching for an option to fix the picture loading problem and i found imagesLoaded. I try to get it to work, but it wont do its job. I am not a great javascript programmer and tryed it with the example code. Maybe someone has a hint for me. Just to inform: i use masonry working with html. If its needed i can send my source but i think one can see it on the site.
regards an already thanks for any help

How can i target a browser using css media query?

I need to target IE using Media Queries. example
#media screen and (max-width:1024px) {
/*Only IE Fix here*/
/*Any other browser*/
#-moz-document url-prefix() {
#categoryBackNextButtons{
width:486px;
}
}
There is a similar way like there is for firefox?
I know it's an old topic, but I've just been searching for the same question and found the answer (while seeing this when searching). If anybody else finds this, here is what worked for me (IE10/11, Firefox 39.0)
IE: #media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
Firefox: #-moz-document url-prefix()
Please don't resort to user-agent string parsing or browser hacks. See this great article by Paul Irish on conditional comments. You can also see the source code of the HTML5 Boilerplate project.
Simply use the class names in your CSS like so .lt-ie8 div

Sharepoint scrollbars disabled in Chrome

On the page
https://connect.wels.net/AOM/schools/Pages/default.aspx
the scroll bars don't work (disabled) in Chrome. They are fine in other browsers. I would love to solve this. Sometimes it works in Chrome. Sometimes zooming in and out fixes it. Other times, it doesn't help.
This is answered at this site:
http://withinsharepoint.com/archives/256
The cause is in fact a timing issue around execution of a specific bit of very important onload JavaScript.
The bit that doesn’t execute (and causes a systemic issue, one of the issues it causes is the scrolling weirdness), is:
body onload="if(typeof(_spBodyOnLoadWrapper) != 'undefined'; _spBodyOnLoadWrapper();"
What this line means is basically if the page has loaded the onloadwrapper function from init.js. This onloadwrapper does a bunch of things, such as loading the ECMAScript for support SP.JS, executes page JavaScript for any onload events, and any client interactivity. So basically when this doesn’t execute pretty much no client side code from SharePoint can or will work, or any script that you have that relies on any of it. Scrolling is just the tip of the ice berg. Now for the good news, it’s easy to fix (I have a case in with Microsoft to look at including the fix in a future cumulative update).
Here's the fix that worked for me. Put this at the head of your master page. This will fix Chrome and Safari and also help your _spBodyOnLoadFunctionNames functions work.
https://gist.github.com/alirobe/4224245
via http://withinsharepoint.com/archives/256
if (jQuery.browser.webkit) {
jQuery(document).ready(function () {
var interval;
function loopCheck() {
if (typeof (_spBodyOnLoadWrapper) !== "undefined" && _spBodyOnLoadCalled == false)
_spBodyOnLoadWrapper();
else
window.clearInterval(interval);
}
// Give SP a chance..
setTimeout(function () { interval = window.setInterval(loopCheck, 30); }, 120);
});
}
That is the common problem with Chrome Browser in Sharepoint, as Sharepoint is supporting Limited Functionality to the Chrome Browser.
It also happens with the Javascript Loading order in Sharepoint page.
I cant find any solution for this till date
Refer this : https://answers.uchicago.edu/page.php?id=24860

Html.ActionLink doesn't work in IE6

<%= Html.ActionLink("Account Page", "Index", new {
controller = "Account", culture = (string)Session[culture],
client = (string)Session[Client], brand = (string)Session[Brand],
storeid = (string)Session[Store] })%>
This works in almost all browser (IE7/8, Mozilla, safari, chrome) except IE6. The problem here is the links are displayed as text.
How to get around with this? IE6 is one of the major requirement.
Thanks for replying, but I found the problem. It wasn't the actionlink itself which was causing the problem. I had added a javascript (jquery.pngFix.js) for IE6 as a fix for the image and it was causing the problem. Once I removed this script everything worked. Again thanks for replying.

Resources