Showing posts with label Facebook Sign In Screen. Show all posts
Showing posts with label Facebook Sign In Screen. Show all posts

Facebook sign in Screen

 ,      No comments   

                                          Facebook sign in Screen                                                             
Facebook sign in Screen
This site uses cookies to deliver our services and to show you relevant ads and job listings. By using our site, you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service. Your use of Stack Overflow’s Products and Services, including the Stack Overflow Network, is subject to these policies and terms.

Join Stack Overflow to learn, share knowledge, and build your career.
facebook connect for android returns a blank login screen?
Ask Question
up vote 6 down vote favorite
i am trying to use the old facebook connect authentication to authenticate my android client to get the necessary session id's and other credentials thats needed to start using the web service of facebook.

the issue i am having is that when my android application launces and tries to load the login page for facebook, that very same login page is blank and it only displays the the facebook logo as the title of the screen.

No login fields or buttons are visible leaving me nowhere to login and authenticate a user.
i have tried two API's one is facebook connect api for android http://code.google.com/p/fbconnect-android/ and the other one is the official android facebook sdk that is recommended to be used instead of the previous one i have just mentioned https://github.com/facebook/facebook-android-sdk/ .

please see the image below of how it looks like on my app.
Here is code that uses the latest android sdk facebook:
And a simple example of how to use it: http://developers.facebook.com/docs/guides/mobile/
My code is more or less identical to the above example.
edit: i did not catch what logcat was inputing in my first attempted at my code above but their was no exceptions or warnings thrown at the time. just a blank page.

i then tried it again and diddnt touch my code and what happens now is that a loading dialogue view pops up and stays their for a few minutes until the facebook windows disapears and the logcat outputs the error below:
Related Posts:
11-18 17:26:19.913: DEBUG/Facebook-WebView(783): Webview loading URL:https://www.facebook.com/dialog/oauth?type=user_agent&redirect_uri=fbconnect%3A%2F%2Fsuccess&display=touch&client_id=e??????????????????? 11-18 17:27:01.756: DEBUG/Facebook-authorize(783): Login failed: com.kc.unity.agent.util.oauth.facebook.DialogError: The connection to the server was unsuccessful. 11-18 17:27:01.783: DEBUG/Facebook-WebView(783): Webview loading URL:

facebook sign in screen

 ,      No comments   

Facebook sign in screen
Facebook sign in screen

Create a Log in Screen for Facebook App using Adobe XD

Adobe Xd is a relatively new tool that is very simple and light in comparison with Photoshop/Illustrator. It is the perfect tool for creating UI for mobile/web.

In this tutorial we will walk through how to create a login screen for…Facebook. This is not what the actual Facebook App looks like but it will give you a brief good idea of how UI can be created using Adobe XD.
Open Adobe XD.
Under “Start a new design” Click on iPhone 6/7/8.

3. Open https://developer.apple.com/design/resources/#ios-apps and click “Download for Adobe XD”.

4. Double click on the iOS-11-AdobeXD.dmg you just downloaded, and in the folder, open “UIElements+DesignTemplates+Guides.xd”

5. In the opened xd file, press Command+ to zoom in, and Space-click to navigate to UI Elements – Bars

6. Select the dark Status Bar and press CMD-C.

7. Back in the Untitled-1 xd file you created, CMD-V to paste the dark Status Bar.

8. Click and press shift-drag the status bar to the top of the screen.

9. Select the rectangle tool from the toolbar on the left. Drag a rectangle that cover the full white screen.

10. On the right side, uncheck the border box and change the fill of the rectangle to #3B5998.

11. Right click on the rectangle and select “send to back”

12. Go to https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/F_icon.svg/2000px-F_icon.svg.png

Right click and copy the image.

Paste the image back in Xd.

13. Scale and place it in the top middle of the screen.

14. On the right side of the screen, check the Shadow feature.

15. Draw a line (hold down shift to make sure it is straight) and a give it a lighter blue color.

16. Switch back to the pointer icon and center the line on the screen.

17. Create a rectangle using the rectangle tool that extends to the middle of the screen.

18. Adjust the size of the rectangle so that it ends up looking like this:

19. Draw another two lines (when dragging the lines remember to hold down shift).

20. Switch back to the pointer tool (the shortcut is to press press v). Select the two lines and change the color of the lines to the same lighter blue color of the top line.

21. Press T (or select the T icon on the left tool bar). Click on the area where you want text to be, in this case, on top of the white bar, and tyle “Sign up”.

22. Press v to switch back to the select tool. Drag the text to align with the center of the white box.

23. Hold Option key and select the textbox, hold shift(so that it is moved in a straight line) and drag it to the right.

 Related Posts:
By doing this, you make a copy of the text that aligns with the original copy.

24. Change the text to “Log in”. Adjust the color of the text if you like.

25. Create similar text boxes on top of the bottom two lines. So that they look like this.

26. Create a text that says “Begin>>” and place it as follows:

27. Add shadow to the text:

28. Yay! Almost done. Choose the select tool and select the title of the screen, and export it by clicking File-Export – Export selected.

29. Here is what your end product should look like!

Facebook Sign In Screen

 ,      No comments   

Facebook Sign In Screen
Facebook Sign In Screen
Facebook Messenger’s new home screen puts the focus back on messaging

Facebook Messenger is being updated across both Android and iOS with a refreshed, simpler look that puts an emphasis back on messaging. The app “is now organized around making Messenger your hub for connecting with all the people and businesses you care about,” according to VP David Marcus. The revised home screen layout certainly makes more sense than the bloated, confounding mess that’s on my phone right now. Across the top are tabs for Messages, Active, and Groups. Pretty self-explanatory. Messenger’s blatant Snapchat clone, Messenger Day, still gets a huge chunk of screen real estate beneath that, though.

The bottom of the app has sections for Home, Calls, People, and Games. Marcus says there will soon be a Discover tab down there, as well. This is where I complain again: I wish Facebook would let people hide or get rid of the functions of Messenger they’ll never use. I’ve never interacted with a single bot; I’ve never played a game. I love Instagram stories and will never enjoy Facebook Messenger stories.

I long for the days when Messenger was a lightweight, dependable chat app. You could convincingly argue it was a better app two years agothan it is today. Why must it do so much? Why does the thing need an entire games tab? It was annoying enough before when the Games section would reappear on my home screen no matter how many times I’d previously dismissed it. That said, not everything’s bad. I’ve seen some of the suggestions from Facebook’s M assistant pop up in my conversations lately, and those are somewhat helpful. A lot of Messenger’s features — sending money, making voice and video calls, etc. — make sense. But others are a definite reach.

 Related Posts:


Facebook says this new Messenger look will roll out globally this week on both major mobile platforms. Maybe I’ll start using it on my phone more now that the home screen makes sense again.