view header are not visible when i scroll in Xpage View Panel - css

I am facing a problem in xpage. I am showing 10000 documents in single page Using xpage view panel. When I use scroll , View headers also becomes invisible.
I got this link for the same query. They are asking to use extension library.
This is the link where same query reported
I can put my Scroll div for view panel only . is there any way to have scroll for view content only in xpage without Extension Library.?
Any help would be appreciated. Thanks in advance.

The extension library gets installed with all current versions of Domino. It is fully IBM supported, so why not....
Anyway you asked:
On Dojomino there is an example how to read ?ReadViewEntries into a Dojo grid. It does roughly the same as the Extlib but with more steps.
.or. Use a repeat control and have non scrolling headers (afaik requires div not table - but you can google that, it is pure HTML/CSS)

Related

Why is Fancybox 3 adding style="display:none" to my elements?

I am upgrading from Fancybox-2 to Fancybox-3. My site uses fancybox to display blocks of HTML as an overlay on page. For instance, if you click on my Terms and Conditions, fancybox uses a file fb/tandc.php that has all the HTML of the box to be displayed.
Some of the boxes use data from my database and use php programming to generate the HTML - for instance I have a list of participants retrieved from the database.
When planning the upgrade, I added a switch on my site that allows me to decide if I want to run version 2 or 3 of fancybox. In testing, many of the boxes display the same whether I use version 2 or 3 - in other words I have not changed the source code, only the way I call fancybox.
My problem is that for some reason, some boxes do not display the full content. When I have checked the page source, everything is there but I have noticed that some elements have style="display:none" defined. This is not coming from my code, so I assume fancybox is adding it.
My question, therefore, is how can I stop this?
I have tried to find answers but not successful. I did find a post that disabling AdBlocker in Chrome may help but this had no impact.
I get the same behaviour in Chrome and FF
I have included screenshots that show how the elements contain the style; the code used to call fancybox; the options I am using.
page debug elements
call to fancybox
options used
Just added this screenshot of code to be displayed. I tried adding a style that I hoped would override what fancybox is doing, but did not work either.
code to be displayed in fancybox
This is how the content looks in v2 fancybox
content in version 2
and if I have exactly the same content, but use v3 fancybox:
exactly same content in version 3
Using ajax to load fancybox with content from a file seems to create elements where it inserts style="display:none" - I have no idea why. However, I figured a work around where instead I created inline content on the page that is hidden and then simply used data-src="#hiddenContent" as in the docs.
It's made my page huge though when I have a lot of surveys, with a lot of participants on each!

AJAX Horizontal scrolling the page

I have to build a site like France24.com, There is a navigation on the left and two arrows on sides for scrolling to the sides. when you click on the arrows or one of navigation items , the related page (preloads) and appears without refreshing the page. How to do that? Is there any usable framework or sample for this?
Regards
After looking at the website, I see what you are trying to do. I see a way to do this, which is through a simple JQuery method load() ( http://api.jquery.com/load/ ). This behaves like get(), so on clicking the arrow, an event could be triggered where you can load another piece of HTML code in place of the one the user is currently looking at.
If you need dynamic content to load instead of a simple static HTML code, it's possible to achieve that by filling in the dynamic part into the HTML code that you want to load before actually loading it. A library that you can use to achieve something like this is React js, developed by FB. Good luck!

Make a iOS WebView behave like a ebook reader

Normally within a webview, when your page is too long, you can scroll vertically like a browser, that is the default.
I want to make this webview behave like a ebook reader, say when you need 3 pages to display the whole content, instead of scrolling vertically, you can slide to the next page which like a ebook reader (e.g. iOS Kindle app).
Any thoughts on how to implement this? Or any existing components I can use?
Cheer.
Very much depends on how much control you (want to) have on the html...
For complete layout control (magazine like) there's baker framework.
Or if you need a quick and dirty script auto generate html file with pagination (instapaper like), I'd use css3 multi-column layout, with some js to calculate the column needed. And use something like SwipeView to manage the scrolling.
This is not trivial, and there are a couple of HTML projects having to do with pagination. The ubiquitous jQuery also includes support for paginating HTML content.
Have look at this S.O. post for more details.
You can use UISwipeGestureRecognizer on UIWebView and move to the Page programmatically
Good Luck
To do this, you could start with a UIPageViewController and populate each page with a UIWebView, each scrolled down to a certain offset and disable scrolling of the underlying scroll view.

Protect Iframe From Openining In New Window Or Tab

I am adding framed content to a wordpress blog in a membership area. Is there a way that I can prevent that content from being opened in a new window or tab? A plugin or a string of code I can add?
As it is now if someone right clicks on the frames content they can view it in a new window and possibly share that URL rendering the membership site useless in controlling who views....
I would like a block.... If possible...I see other iframes popup an error message when you try and view....
Any help is appreciated!
Thank you for a great place for info
One possible solution I can think of is now to add JavaScript code to prevent right click, but again this is not always going to work because the person can simply disable JavaScript and they can still right click to see the content of the iframe. Not only that there is alway a way to sniff the URL of the iframe by either using some sort of software or even using something like FireBug.

jQuery LightBox( SlimBox): How to populate an ASPX file inside it?

I am having an ASPX page and i m trying to using jQuery light box(slimbox).I am able to invoke the Lightbox.Now i want to show the content of another page in this lightbox.Ex : I have a data entry form for user registration(signup.aspx).I want to show this when user clicks on the link (which is now showing image in the light box) .Is this possible, If Yes, Willl the evenet handlers work for that ASP page ? ie ;When user enter the data and clicks on the Button,Will it fire a Server side event ?
Thanks in advance
Slimbox is only for image content. See the FAQ. You'll need to make some changes for it to work with an ASPX page.
Quoting from the FAQ:
Is Slimbox able to display Flash
content (like videos), iFrames or
other content?
No, Slimbox has been designed from the
ground up to display images only, to
be simple and to have the smallest
code. However, some people have
created Slimbox derivatives that
implement these features. Because it's
open source, you are free to modify
the code to fit your needs, as long as
you respect the terms of the licence
and keep the credits.
I haven't used slimbox but if it supports iframe then you should be able to do anything within the box as you can on a regular page.
I don't think SlimBox supports that. There are plenty of other ways to do it. For example using FaceBox: https://github.com/defunkt/facebox

Resources