{"id":683,"date":"2013-01-22T23:59:33","date_gmt":"2013-01-22T23:59:33","guid":{"rendered":"http:\/\/www.bestcoder.net\/?p=683"},"modified":"2013-01-23T00:08:50","modified_gmt":"2013-01-23T00:08:50","slug":"how-to-prevent-xedropdownbutton-for-locating-on-next-line","status":"publish","type":"post","link":"http:\/\/www.bestcoder.net\/?p=683","title":{"rendered":"How To : Prevent xe:dropDownButton Jumps on Next Line ?"},"content":{"rendered":"

How to prevent xe:dropDownButton jump on next line between regular buttons of your XPages ?<\/p>\n

I mixed CSS properties and finally solved.<\/p>\n

First of all, working on Latest ExtLib (853.20121217-1354) Notes 8.5.3 FP3 @ Domino 8.5.3 FP2 64bit<\/p>\n

<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<xp:view\r\n\txmlns:xp=\"http:\/\/www.ibm.com\/xsp\/core\"\r\n\txmlns:xe=\"http:\/\/www.ibm.com\/xsp\/coreex\">\r\n\t<xp:button\r\n\t\tvalue=\"Open\"\r\n\t\tid=\"button1\">\r\n\t\t<xp:eventHandler\r\n\t\t\tevent=\"onclick\"\r\n\t\t\tsubmit=\"true\"\r\n\t\t\trefreshMode=\"complete\">\r\n\t\t\t<xp:this.action><![CDATA[#{javascript:submit();}]]><\/xp:this.action>\r\n\t\t<\/xp:eventHandler>\r\n\t<\/xp:button>\r\n\t<xe:dropDownButton\r\n\t\tid=\"dropButton1\">\r\n\t\t<xe:this.treeNodes>\r\n\t\t\t<xe:basicContainerNode\r\n\t\t\t\tlabel=\"Add Sub Form\">\r\n\t\t\t\t<xe:this.children>\r\n\t\t\t\t\t<xe:basicLeafNode\r\n\t\t\t\t\t\tlabel=\"Sub Form 1\"><\/xe:basicLeafNode>\r\n\t\t\t\t\t<xe:basicLeafNode\r\n\t\t\t\t\t\tlabel=\"Sub Form 2\"><\/xe:basicLeafNode>\r\n\t\t\t\t\t<xe:basicLeafNode\r\n\t\t\t\t\t\tlabel=\"Sub Form 3\"><\/xe:basicLeafNode>\r\n\t\t\t\t\t<xe:basicLeafNode\r\n\t\t\t\t\t\tlabel=\"Sub Form 4\"><\/xe:basicLeafNode>\r\n\t\t\t\t<\/xe:this.children>\r\n\t\t\t<\/xe:basicContainerNode>\r\n\t\t<\/xe:this.treeNodes>\r\n\t<\/xe:dropDownButton>\r\n\t<xp:button\r\n\t\tvalue=\"Close\"\r\n\t\tid=\"button2\">\r\n\t\t<xp:eventHandler\r\n\t\t\tevent=\"onclick\"\r\n\t\t\tsubmit=\"true\"\r\n\t\t\trefreshMode=\"complete\">\r\n\t\t\t<xp:this.action><![CDATA[#{javascript:close();}]]><\/xp:this.action>\r\n\t\t<\/xp:eventHandler>\r\n\t<\/xp:button>\r\n<\/xp:view><\/pre>\n
Now Its looking like this :<\/p>\n
\"\"<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
After following update …. (for xe:dropDownButton ->\u00a0style=”display:inline”<\/strong>)<\/p>\n
\t<xe:dropDownButton\r\n\t\tid=\"dropButton1\"\r\n\t\tstyle=\"display:inline\"<\/strong>>\r\n\t\t<xe:this.treeNodes>\r\n\t\t\t<xe:basicContainerNode<\/pre>\n
Looks good \ud83d\ude42<\/p>\n
\"\"<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
Happy coding …<\/p>\n","protected":false},"excerpt":{"rendered":"
How to prevent xe:dropDownButton jump on next line between regular buttons of your XPages ? I mixed CSS properties and finally solved. First of all, working on Latest ExtLib (853.20121217-1354) Notes 8.5.3 FP3 @ Domino 8.5.3 FP2 64bit <?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:button value=”Open” id=”button1″> <xp:eventHandler event=”onclick” submit=”true” refreshMode=”complete”> <xp:this.action><![CDATA[#{javascript:submit();}]]><\/xp:this.action> <\/xp:eventHandler> <\/xp:button> <xe:dropDownButton … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,28],"tags":[74,75,30],"class_list":["post-683","post","type-post","status-publish","format-standard","hentry","category-development","category-xpages","tag-dropdownbutton","tag-extlib","tag-xpages-2","entry"],"_links":{"self":[{"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/posts\/683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=683"}],"version-history":[{"count":6,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/posts\/683\/revisions"}],"predecessor-version":[{"id":691,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=\/wp\/v2\/posts\/683\/revisions\/691"}],"wp:attachment":[{"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=683"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.bestcoder.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}