i am developing an application to show pictures as slide show.there are two containers. first container showing links.when user click on link next containers appears and show images. But the second container is displaying but it is at the back of first container. how can i avoid this
please help me
thanks in advance
You should post your code, but a guess is you need to edit your CSS and add float:right to the image container CSS perhaps.
<div id="link">Some link</div><div id="photo" style="float:right;"></div>
Just a guess but that could be what you're dealing with.
How do you replace the containers? If you use something like parentForm.replace(firstContainer, secondContainer, transition); this should work just fine.
Related
I am making demo application for experience.
So, the problem is that I am adding list as described in images(Screenshots). But when I add another new list with image so, it automatically changes images at front page in the last and new list both. So, can you guys suggest, how we can get new image in list only once and last list stay the same as we added before.
The code is below.
Thanks in advance.
The problem is you are using the list to add images to the list. As the list is callByReference it will change the value inside the list when the value of the listOfImage is changed.
To fix the issue you can change the addition method to map like
allData.add(Model(listOfImage:List.from(list)));
hope it will work for you if not let me know.
I'm trying to create a MailChimp template where an image is editable using mc:edit
Here's the code:
<img class="flexibleImage" mc:edit="top_image">
This seems all good, but once I edit this image using the MailChimp editor, I lose the original class "flexibleImage" and all other class and style info related to that img element.
How can I create a template with an editable image and maintain (or add) that class?
For anyone else with the problme, this answer is based on a response from MailChimp support:
It looks like it isn't possible to keep a custom class attached to an
editable image. What you could do instead though is apply the class
to the image's containing element. So if the image is in a <div>, add
flexibleImage to the div, and then update your CSS rules to point to
.flexibleImage>img.
This happens because the image you want to edit is inside an mc:repeatable block that in turn is inside another mc:repeatable block
Even four years later this is still an issue.
The other route is to put mc:edit on the parent container, and have images managed through there, but you lose the Image uploader box, which is poor user experience.
You can go into Settings when you have uploaded a new image and put the sizes in there. Not ideal, but Mailchimp is to blame here (no such issue on Campaign Monitor templates).
Is it possible to click on an image, that is not located in a specific container element?
When I do have a container, I use something like this:
MyRepo.AnyForm.AnyElement.Click(new Location(Imaging.Load(anyPicture.bmp)));
and that works very well.
But now, I want to click on a menu item inside some context menu that Ranorex is not able to identify. So I want to let Ranorex easily search the whole screen for the target image.
Something like this:
AnyElementThatRepresentsTheWholeScreen.Click(new Location(Imaging.Load(anyPicture.bmp)))
Thanks and regards,
fachexot
I've found it. Here the solution if someone has the same problem:
Host.Local.Click(new Location(Imaging.Load(anyPicture.bmp)));
I have image in GridItem. I am able to find the GridItem and Image.I am not able to Click it from my UI Automation Sample.I am doing it in c++
IUIAutomationElement* p1
.......
.......
POINT clickable;
BOOL gotClickable;
hr = p1->GetClickablePoint(&clickable,&gotClickable);
mouse_event(MOUSEEVENTF_LEFTDOWN | MOUSEEVENTF_LEFTUP,clickable.x,clickable.y,0,0);
I'm after a bit of guidance as to where to put the GA code. Do I just put this into the Site.Master file and everything will be hunky-dory? Or do I need to implement it in each View?
I put mine in the master page. Everything is hunky-dory.
Put it in the master page. Consider putting it in a separate placeholder so if need be you can override it in a view to turn it off. You should also put it at the bottom so it loads last.
I'm looking for a tutorial without any javascript - pure CSS3.
I've created two pages (page1.html, page2.html) for the iPhone and I'm using CSS3 and the -webkit-properties.
To connect those sites I created a next- and a backbutton.
When tapping on the nextbutton page2.html is loaded, when tapping on the backbutton page1.html is loaded.
This is working so far.
I'd like to try using some more -webkit-properties to get the flip-effect like in this demo.
So, when clicking on my next-button page2.html should be flipped in. When clicking/tapping on the backbutton page1.html should be flipped in.
I'm new to this and hope to get some help here. Do you know a tutorial dealing with my problem?
Another question coming up to my mind was whether it is possible to load page2.html seperatly or whether I have to build only one page with the content of page1.html and page2.html?
You have to build only one page with two sections/divs with the flip-contents in it. Then you can use the transform: rotateY … or, maybe load the second page in with AXAJ or something else, but because it's CSS on my understanding you have to put everything in one page with two sections/divs
There are lots of pageflip demos on the interwebs. This is one we did It was inspired by Roman Cortes one - there are others that use more of a squeeze than a flip.