I need to align the Facebook likes count box to the bottom of my Like Button for my website. Can any one help me with this?
I need to position or style the fb button as shown:
You can get the count to appear above the Like button by setting layout_style = "box_count" - but there is no option to have the count display BELOW the like button.
http://developers.facebook.com/docs/reference/plugins/like/
While you may scale the size to suit your needs, you may not modify the Like Button in any other way (such as by changing the design).
Please see the Facebook Like Button Usage section at the Facebook Brand Permissions Center.
Related
this is the situation:
We have a series of tabs, which have card-like elements inside. The designer choose to push a "change display" feature which hides part of the content of the cards (image, description) to increase the displayed number per time.
The problem:
The designer choose to put this change display button, in the tabs section. Like (Tab - Tab - Button).
After a couple hours of research, I couldn't find a way to place a button inside the <b-tabs> component (which has X number of <b-tab>). I had to use float, position absolute and use coordinates to place the button, but obviously this is not a desirable solution.
Is there a better approach to this problem? Or it's possible to place the button inside the component itself?
Thanks.
Edit:
#Anatoly gave the answer !
Thanks.
Try to use tabs without a content, described here
Im new with Angular and I am creating a chat application with the same facebook behavior. I need each chat box to appear at the bottom of the screen (right now they appear in the middle of the screen) and as a user is selected the box that comes out You should leave next to the one that is already there.
I also need that when those chat boxes occupy the entire space, something similar to the image attached is shown, a button where the first boxes that you select come out so that you can select and resume that conversation. In the following link I have my application working. Could someone help me? The application code and the demo can see it here.
The image of the behavior that I want is the following:
I have created a page containing a list of items. Each item has an image corresponding to it which when clicked directs the user to a new page containing more information about the item. For some reason, when I asked my friends to go through the site, most of them thought that these were non-clickable images. What can I do to make it more obvious that a user can actually click on the image? Below you can find a screenshot of the page I am talking about and this is a link to the actual page. Thanks in advance for your help.
1.You can add a title attribute to a link, like this:
<a title="Read more" href="https://thechallengeclub.wordpress.com/challenge-1-just-water/">
Then when user hover over the image a tooltip will appear:
2.You can add an easy to see "More" button. It's up to you where you add this button, but it may be necessary to change the layout a little bit.
For example:
I have an issue regarding the popup position of facebook like button. When a user likes he will get a popup where he can type some text and confirm or decline the like. It's all perfectly clear.
Usually I put my like button plugin in the footer and I have no issue with that. User comes in, clicks like, popup appears, user scrolls a bit to see popup and all is well.
My problem arises from the fact I use parallax theme so when the user presses like page will increase its height to accommodate this popup and suddenly I can see the images from the parallax. This is ugly!
Please check the page here to see what I am talking about.
Is there a way to force this popup to open above the like button?
I didn't check it properly but why don't you try to make the position: relative where you put the fb like button and see your luck.
In my flex app I have custom tooltips on buttons that hide and show based on user context.
The problem that I dealing with is that when I call my showTips() function I only want to show tooltips on the buttons that visible in the view. So buttons that on a un-selected tab (tabNavigator) should not show the tooltips.
For some reason all tooltips are showing.
Is there a way to detect if a button is not in current view, like on a un-selected tab?
If you gave us some code I could check this out, but would this work?
if(button.parent.visible) { showTip(button);}
Instead of custom coding for each button, make use your tabnavigator's creation policy is set to "auto".
Check this link for more details
http://livedocs.adobe.com/flex/3/html/help.html?content=layoutperformance_05.html