Links within XPage Mobile Controls opening in same tab on iPad - xpages

I have to create a simple XPages application for iOS devices so want to use the XPages Mobile Controls which come with the Extension Library in 8.5.3 UP1.
On one of the pages, I need the users to be able to open links in new tabs, but I've found that even with the link target set to _blank, the links are opening in the same tab when opened on the iPad. It works fine using Chrome on my laptop - opening in a new tab. If I just create a simple XPage (not using the Single Page App control) with the same link control on it, the link opens ok in a separate tab on the iPad.
Is there any way to try and force the link into a new tab if I use the Mobile controls?
This is code from a simple test xpage - which results in the link opening in the same tab when I test it on an iPad:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex" defaultLinkTarget="_blank">
<xe:singlePageApp id="singlePageApp1" selectedPageName="homePage">
<xe:appPage id="appPage1" pageName="homePage">
<xe:djxmRoundRectList id="djxmRoundRectList1">
<xp:label value="File Link:" id="FileLinkLabel"></xp:label>
<xp:br></xp:br>
<xp:link escape="true" text="Link" id="link1"
value="http://www.stackoverflow.com/" target="_blank">
</xp:link>
</xe:djxmRoundRectList>
<xe:djxmHeading id="djxmHeading1" label="Home">
</xe:djxmHeading>
</xe:appPage>
</xe:singlePageApp>
</xp:view>

I tried this out on an iPad with Domino v9.0.1 and on v8.5.3 (with ExtLib v853.20130315-0724 installed). In both cases the link opened in a new tab as expectedusing the code you posted.
Would you be able to upgrade to a newer version of the Extension Library, and try that?
http://extlib.openntf.org/?r=project/XPages%20Extension%20Library/releases/56832E9BD6A0615186257B4300349C59
The v853.20130315-0724 release was the final one released for 8.5.3, so I would try that.

Related

XPage is blank in Webbrowser

After a new Domino Designer Installation (newest Trail) I created a simple, simple Xpage and try to open it in a Browser (FF). The Xpage was loaded but has not HTML code. In other words its a blank page.
What did I do wrong ?
Update :
This is the XPage source code , very simple
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" rendered="true">
Hello World
<xp:br></xp:br>
<xp:comboBox id="comboBox1" style="width:82.0px">
<xp:selectItem itemLabel="Eis"></xp:selectItem>
</xp:comboBox>
</xp:view>
UPDATE :
The solution to my question was answered by stwissel givving a hint to the viewport. Indeed the viewport 80 was blocked by another program. Can' remember which one. Then I changed the viewport under preferences->Domino Designer -> Web View Port to 8080 and it works. But I doubt that this is a permanent solution.
Check if "Build automatically" is turned off. If so (recommended setting btw) just build the project manually after every change you made.
Also check if the page has the "rendered" property set to "false". This will result in an empty response though you won't get an error message.
I answer my question myself, because there are different behaviours with FireFox and Edge Browser. In another try with Edge the browser shows a 404 Eror, while FireFox did not do that. So the question finally has to be why is there a 404 Error coming up
Have you tried cleaning the project? Project >>> Clean (from the top toolbar in designer)

Date Picker Not Working - xPages Mobile Form Domino 9 / Domino 8.5.3 with Extension Library [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
Date picker not working properly in Domino 9 xPages Single page application. It shows 3 fields and display calendar in bottom of the form on mobile form on any device.
Please help
Hi, I have use this with the same code, Notes version and library but it is not showing correctly as specified in blue mix example. I will provide screen shot for the result. Is any "dojo" to be added on xpages?
I put up a test app on Bluemix using single page application, with one appPage containing a datePicker.
All works well in Android Firefox, Android Chrome & default HTC Android browser (using Android 5, aka Lollipop). That app is using the XPages runtime on Bluemix, which contains 901FP4 & Extlib r13.
XPage code (m_datePicker.xsp):
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom" xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:singlePageApp selectedPageName="dateTest" id="singlePageApp1">
<xe:appPage pageName="dateTest" resetContent="true" id="appPage1">
<xc:ccdateTest></xc:ccdateTest>
</xe:appPage>
</xe:singlePageApp>
</xp:view>
Custom control code (ccdateTest.xsp):
<?xml version="1.0" encoding="UTF-8"?>
<xp:view id="view1" xmlns:xe="http://www.ibm.com/xsp/coreex" xmlns:xp="http://www.ibm.com/xsp/core">
<xe:djxmHeading id="djxmHeading1" label="dateTest">
<xp:this.facets>
<xp:panel xp:key="actionFacet"/>
</xp:this.facets>
</xe:djxmHeading>
<xp:inputText id="inputText1">
<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
<xp:this.converter>
<xp:convertDateTime type="date"></xp:convertDateTime>
</xp:this.converter>
</xp:inputText>
</xp:view>
And in the xsp properties of the application:
From your screenshot it looks like one of two things:
you are missing the mobile theme override in your xsp.properties (see my screenshot above)
or you've not set the mobile theme prefix correctly. It should be "m_" to match the name of your mobile xpages

Lotus domino 8.5.3 xpage, no drop-down date options for Date Time Picker in IE11

I drag and drop a Date Time Picker to XPage("aa").
![enter image description here][1]
but when I preview in IE11, and click the Date Time Picker, there is no drop-down date options. Why?
![enter image description here][2]
The domino server is 8.5.3 without Extension library.
It should work. I tested it with this simple XPage
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:inputText
id="inputText1"
value="#{sessionScope.dateTimeTest}">
<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
<xp:this.converter>
<xp:convertDateTime type="both"></xp:convertDateTime>
</xp:this.converter>
</xp:inputText>
</xp:view>
on a Server 8.5.3 without ExtLib in IE11 and the picker worked as expected
I tested it with
application theme "Server default" and "OneUI"
option "Use runtime optimized JavaScript and CSS resources" set and not set
IE11 with compatibility mode and without
Domino server 8.5.3 uses Dojo 1.6.1 by default.
Press F12 in IE11 and have a look at developer tool's Console tab if there are error messages. This might help you to find the cause of your issue.
IE11 support was added in Domino 9.0.1 FP2 http://per.lausten.dk/blog/2014/08/xpages-and-domino-9-0-1-fp2-upgrades-to-ckeditor-and-dojo.html
Check using developer tools for a Dojo error. In my experience, Internet Explorer is very draconian in supporting older versions of Dojo.
Have you tried putting a datetimehelper dojotype="dijit.form.DateTextBox" this might help

XPages Extension Library: namepicker not working

Is there any issue with namepicker of Extension Library version 9.0.0.v00_01_20130415-0518?
It does not display popup window for address book, here is my code:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
<xp:panel>
<xp:panel>
<xe:namePicker id="namePicker1" for="djName">
<xe:this.dataProvider>
<xe:dominoNABNamePicker addressBookDb="names.nsf" addressBookSel="all">
</xe:dominoNABNamePicker>
</xe:this.dataProvider>
</xe:namePicker>
<xp:br></xp:br>
<xp:br></xp:br>
<xe:djextNameTextBox id="djName" multipleSeparator="," multipleTrim="true">
</xe:djextNameTextBox>
</xp:panel>
</xp:panel>
</xp:view>
And also, I have manager's rights on names.nsf database.
Edit:
strange behavior! I change <xe:djextNameTextBox control to <xp:inputText and its works fine. How to debug xe:djextNameTextBox control to figure out the problem?
Edit 2:
Following error display when xsp page load:
Uncaught Error: Could not load 'dijit.form._FormValueWidget'; last tried '../dijit/form/_FormValueWidget.js' dojo.js:14
dojo._loadModule.dojo.require dojo.js:14
(anonymous function) #Fi&#Ez&#EOf&#Ek.js:107
Uncaught Error: Could not load class 'extlib.dijit.NameTextBox #Fi&#Ez&#EOf&#Ek.js:20
(anonymous function) #Fi&#Ez&#EOf&#Ek.js:20
$DBrH_ dojo.js:14
$DBpd_ #Fi&#Ez&#EOf&#Ek.js:20
$DBpe_ #Fi&#Ez&#EOf&#Ek.js:20
_4c #Fi&#Ez&#EOf&#Ek.js:20
dojo.loaded dojo.js:14
dojo._callLoaded dojo.js:14
dojo._modulesLoaded dojo.js:14
dojo._loadInit
After page load, when I click on name picker button another error display:
Uncaught TypeError: Object # has no method 'selectValue'
Your xe:djextNameTextBox control is not bound to a value. Try binding to e.g. a viewScope variable or a field on a document datasource:
<xe:djextNameTextBox id="djName" value="#{viewScope.nameField}" multipleSeparator="," multipleTrim="true">
</xe:djextNameTextBox>
Notes/Domino 9 now comes with Extension Library built in as standard. You do not need to install the extlib from OpenNTF.
I tested your source code in a default install of Notes 9. I get the following output:
Clicking the icon gets me this (I added the Admin + clicked OK).
The output of the page is now this:
My observation are below:
I uninstall Extension Library version 9.0.0.v00_01_20130415-0518 and upgrade to 900v00_02.20130515-2200, but the problem did not resolved. Then I install 8.5.3.20130315-0724 after uninstalling version 900v00_02.20130515-2200 and it works.
One more thing is that, at first after installing version 8.5.3.20130315-0724 it did not work in chrome browser (which was already opened on my laptop) then I open firefox and surprisingly it shows the address book, I mean that xe:djextNameTextBox control works with name picker control as expected. Then I switch to Chrome and clear all the history and reload the page .....!!! yes its work here too.
I repeat all the above stuff for Extension Library version 9.0.0.v00_01_20130415-0518 and Extension Library version 9.0.0.v00_01_20130415-2200 but xe:djextNameTextBox control not working with that versions.
-mak

xapges navigator not showing

Another hopefully simple issue from an xpages beginner.
I am trying to use the Navigator control from the Extension Library. No matter what I do with it, I cannot get it to render on any of the pages I try it on. Code is below. Thanks for any assistance.
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex"
xmlns:xc="http://www.ibm.com/xsp/custom">
<xe:navigator id="outline" expandable="true">
<xe:this.treeNodes>
<xe:pageTreeNode page="/bcbsarequirements.xsp" selection="/bcbsarequirements" label="BCBSA Requirements" role="navigation"/>
<xe:pageTreeNode page="/compliance.xsp" selection="/compliance" role="navigation" label="Compliance"/>
<xe:pageTreeNode page="/finance.xsp" selection="/finance" label="Finance" role="navigation"/>
</xe:this.treeNodes>
</xe:navigator>
</xp:view>
This will happen at least if your view tag is missing the extension library attribute. Make sure the view tag looks like this: <xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">. If the attribute is missing there is an error visible in the source.
Make sure there is no error in XPage source.
Make sure the application is built (sometimes project -> clean is needed).
Make sure extension library is checked in application properties (you should get errors if not).
Check for any error messages in the server console/log when loading the XPage on browser.
Do other extension library controls render for you? If not there is a problem in ExtLib installation.
Make sure your Designer and server have the same and preferably the latest (20121217) ExtLib version.
If you are using the Upgrade Pack then you can open an SPR with IBM.

Resources