inline colorbox like a photo gallery - colorbox

I have a set of inline html colorbox that work and popup with text/
image/link when clicked. I would like to know if it's possible to
make them like an image gallery where it has the prev/next arrows so a
user can just click next instead of closing and open next link?
To view a example you can view at:
http://jsfiddle.net/dwDru/
UPDATE: Figured out I needed a rel parameter and works great.

Related

How can i create a clickable image without html involved?

I'm trying to create an image (*.png, *.jpg, etc.) with some clickable area (could be a text), so if user will click on the clickable area it will do some action, please note that i don't want to use any HTML/CSS structure and the main idea is to create an image that is already ave clickable area.
For example:
Lets say i have an image with text inside the behind it there is an http://somewhere.com. now, when user will click on it will navigate him to the hidden http address but remember that the image was created with no HTML/CSS tags or structure.
Thanks for all the expert
in advanced (-:
What you describe sounds like an image file, which an clickable area for me. This is not possible without some code, so if you don't want to do it with html or css, you can use a javascript, but this is even more complicated.

Render HTML inside velocity includeInContext() XWiki

I have two spaces. One is the "view" page and the other is the "tool" page. I want to render the "tool" on various "view" pages through my wiki, within the context of the view. Currently, in the "view" page I use:
{{velocity}}
#includeInContext("Interfaces.tool.WebHome")
{{/velocity}}
This works fine and I can retrieve for example the children or data of the "view" page with the code in the "tool" page, which is what I want.
However, if I include an:
{{velocity}}
{{html wiki="true"}}
<tag ... html></tag>
{{/html}}
{{/velocity}}
In the "tool" page, the html is only rendered as text in the "view" page. I've also tried moving the {{html}} tags to the "view" page or wiki="false" but with no luck. Any other ideas to try? Maybe some other function than includeInContext()?
#includeInContext is partially deprecated. You should use the new {{include}} wiki macro, which in your case would look like:
{{include reference="Interfaces.tool.WebHome"/}}
You don't need the {{velocity}} wrappers in the view page either, just the {{include}} macro.

Create new pages with a button using PageController

How would I programmatically create new pages that are controlled by the PageControl dots?
I want to create a button that makes pages. Each page should be added to the set of pages that you can flip through, using the page controller.
How would I go about doing this? I know that you can create a page like this:
-(IBAction)createPage:(id)selector {
CustomPageClass *customPage=[CustomPageClass aloc];
[self.view addSubView:customPage.view];
}
However, when the button is clicked again, how do I make it so that the next "view" is on another page accesible by the PageController?
Thanks much for any help.
If I got you right, you don't have to worry about create new page. It is done automatically. I hope it helps:
http://www.iosdevnotes.com/2011/03/uiscrollview-paging/

asp:Fileupload does not work in ajaxToolkit:AccordionPane

I am using asp:FileUpload in ajaxToolkit:AccordionPane but it always shows HasFile=false.
I am not using any update panel. The structure of the page is as below.
MAster page-->Master page-->.aspx page-->User control-->User control-->AccordionPane-->File upload control.
I have also set Page.Form.Attributes.Add("enctype", "multipart/form-data"). still it shows HAsFile=false.
How can I upload image file?
Till now there is one solution in my view... having another small page with only fileupload controll and call it as popup on button click - and place the button inside accordion pane.
its just a way-around... still looking for proper solution....

Colorbox display loading GIF between iframes

I'm using colorbox to load an external page in an iframe. As the page is loading you can see the loading GIF. All is good so far :)
Once the page is loaded, there is a form with a submit button. When I click the button, it loads a second page in to the same iframe. This all works fine, except it doesn't show the loading GIF while the second external page is loading.
Is there a way I can get this to show when I click the submit button, then once the page has loaded hide it again?
The reason for the difference in the behavior is this: the first load of the iframe is accomplished by ColorBox, which includes code to display the spinner. The second event is triggered by (I assume) your submit button so the ColorBox plugin isn't called.
This isn't strictly a ColorBox question, BTW, but I suggest you study the plug-in's code to see if you can reuse the technique that displays the spinner. Just a thought.
In any case, you'll likely need some javascript to handle the spinner display and event timings.