SAPUI5 - Timeline growing button is running the select function each time it’s clicked - sapui5

I’m facing an issue with the default growing button in Timeline element. I have a select function attached to timeline and each timeline item can be clicked with the help of the select function.
However, I noticed each time I click on the growing button, it grows the displayed content AND it runs the timeline item that was hidden directly behind the growing button.
The work around I have in mind is hiding the original timeline growing button and instead I create a custom growing button that expands the displayed content each time it is clicked.
Appreciate any guidance if this is a bug with version I’m using (1.82) or I did something wrong in my code.
Sample (1.82):
XML:
<Timeline
id="idTimeline"
enableDoubleSided="false"
growingThreshold="5"
forceGrowing=“true”
sortOldestFirst="true"
showHeaderBar=“false”
select=“onTimelineItemSelect”
content="{/Messages}">
<content>
<TimelineItem
id="idTemplateItem"
dateTime="{date}"
title="{title}"
userNameClickable="false"
text="{content}"
userName="{emailAddress}">
</TimelineItem>
</content>
</Timeline>
JS:
onTimelineItemSelect: function(oEvent){
console.log(oEvent);
}

Related

Browser Back Button Cause Dynamic Content to Load

I am using Wordpress, with a plugin called "Visual Portfolio" It has a feature that allows some of the content to load, then when you scroll down, it loads more portfolio thumbnail content, like an infinite scroll feature for pagination.
The problem is, this makes it so if content is loaded dynamically, when they go to a portfolio item, then press back, the content is not loaded in the same way, and they can't easily go to another portfolio item, without scrolling down again.
Is there any way to solve this, so when they press back, it loads the page the way it was when they were their before?
Thank you for your attention on this

Facebook like button pops up behind some elements

On my website the comment box that pops up when I press the Like button is placed behind some elements of the page and I really don't figure out how to fix it.
For 2 days I'm struggling with z-index property but no result and now I've found a solution by changing the overflow property of the parent div from hidden to visible/auto and it works! BUT I can't use this fix because that div has overflow set to hidden because I'm using the slimScroll plugin to customize the scrollbar...
This is the website, just click on any image and press the Like button to see what happens.
The right and left side of the popup are integrated in a table... I was thinking, if i remove the table and use just divs instead, the fix would be easier?
Thanks!

reload fancybox without reloading the page

I have 1st FB popup showing a small image and some data. I want to be able to click on the image and load/reload bigger version of the same image, with back button to go back to first FB popup ... im a simple programmer and need simple solution pls

Issue when using position: fixed for toolbar in iOS 5 (iPad and iPhone)

There's an issue when accessing my website (http://www.zero11arquitetura.com.br) on iPad or iPhone with iOS 5 that I can´t fix. When window is scrolled thru code every position:fixed elements click event stop working. Can you please help me ?
This site structure uses a top menu div and a header div with position: fixed css. When user clicks on a menu item window scrolls horizontally until it reaches its target.
Clicking in the menu item is done by jQuery click method on each img tag and scrolling is done by jQuery animate method ($("html:not(:animated),body").animate({ scrollLeft: varDestino }, 1500);)
When page is loaded the menu works just as I intended but, after it scrolls thru menu, and I try to click on another menu item nothing happens. The strangest thing is that everything works again when user manually scrolls the window (by finger).
It looks like that by changing window scroll position by code (jQuery calls window.scroll) fixed elements lost its clickable position references.
Is there any workaround for this ?
Thanks,
I've solved this with a trick. I've created invisible divs over the menu items that changes it's position when page scrolls (simulating afixed element over the real position: fixed menu items). When user clicks or hover over those invisble divs the real ones are called

How to achieve slideToggle effect similar to facebook "New Stories" button with jQuery?

As you may know not long time ago facebook added several new features. One of them was a "New Stories" button which when clicked expands (with what I guess is a slideToggle effect) and shows new stories.
Here is the button I am talking about:
I would like to know How to achieve same slide / toggle effect and fade in effect that comes in after this button is clicked, with a help of jQuery.
I tried searching for this on internet, but all effects I found were regular slideToggle effects, I mean they started showing div from top and slided down to it's bottom (here is what I mean by regular content http://jsfiddle.net/TwxB4/), where as one facebook uses starts from the bottom of the hidden div and sort of slides to the top of it. (You will see what I mean if you check it on facebook).
Edit: I am only looking for a slideToggle effect and nothing else, I want to be abble to expand and shrink hidden div when user clicks on the link that lunches the effect.
Edit: Here is an illustration of the effect I'm looking for:
This example works the way you described, showing bottom content first:
http://jsfiddle.net/SBLNn/16/
Also full screen view here:
http://jsfiddle.net/SBLNn/16/embedded/result/
They may also do it by having the overflow of the feed hidden, and then setting a negative margin on the inner feed wrapper, then when you click they just animate that negative margin down to 0.
Does this works for you
http://jsfiddle.net/wb7h6/1/
updated version
http://jsfiddle.net/wb7h6/9/ I hope this is what you need
You want slideToggle() I think. See this jsFiddle.