The code for pinning any image on a page is as below:
<a data-pin-config="above" data-pin-do="buttonBookmark" href="//pinterest.com/pin/create/button/"><img src="//assets.pinterest.com/images/PinExt.png" /></a><script src="//assets.pinterest.com/js/pinit.js"></script>
src: http://business.pinterest.com/widget-builder/#do_pin_it_button
The option for data-pin-config is available, implying that a pin count should show. Upon testing this I am unable to see a pin count even though I have copied and pasted the code exactly. The pin works correctly and the page/image is pinned correctly to a board.
If Pinterestrelies on the image URL for the pin then I can understand why the pin count would not be showing, as any image on that page could have been the pinned image.
Basically, I am wondering whether the "Any Image On Page" pin option should show a pin count?
The Any Image On Page button is not intended to show a pin count, so the widget builder should not have shown data-pin-config for the Any Image On Page version. My fault, sorry, fixed!
Related
I am using "Action.ShowCard" to show another card in adaptive cards - specifically spfx ACE in the Viva Connections Dashboard.
I cannot see a way to get the new card to appear anywhere other than the bottom of the parent card. Is it possible to get it to appear somewhere else? Ideally I would like some more content under the button that calls "Action.ShowCard".
For example, if you look at the simple examples here: https://adaptivecards.io/explorer/Action.ShowCard.html you will see that the new adaptive card that is shown to the user always appears at the bottom. This is OK when there is not much content on the parent card, but when the parent card has a lot of content then the user experience is not so good as they miss the new content at the bottomn of the card.
If you are in Preview mode, you would single click to expand the card. When editing, you need to double click the Action.ShowCard button to have it display its associated fields. Then, you can add the additional actions, etc., that you want.
Trying to automate my windows application with FlaUI and noticed some components are not recognized.
Launch application immediately opens a window which has a Grid Pane.
The opened window has an item to be selected from the grid (from the list of items) to proceed further.
However UIA3 and UIA2 finds it difficult to get the element and its Value. (see below)
enter image description here
In the above screenshot the Value is supposed to be “Item to be selected from the list” but instead it is [#30093]. Q: How to get the actual value from application??
While verifying in inspect.exe I noticed that the components are displayed but the same is not shown in FlauInspect.exe (screens below)
SSC window has 7 subitems shown by Inspect while in Flauinspect.exe it shows only a button.
Inspect.exe
enter image description here
Flauinspect.exe
enter image description here
Every day during iOS development we are using Xcode' threads/queue view of the debug navigator to examine stack frames, switch between them and po, etc. vars and expressions. But I don't really understand all the icons (legend) in this window. I only know that blue-tinted icons show live stack frames and grey ones show recorded (historical) frames. But what each specific icon represents. I attached screenshots with different icons:
And another one:
As you can see each frame has it's own icon. I guess user image means user code(or not??), also there is an icon of a gear wheel, a mug(cup), a brick wall icon and a suitcase icon on the second screenshot.
Can someone point me to the doc where all these icons and their meanings are explained or if no such doc exists then explain what do they mean.
You can find answer in apple docs: https://developer.apple.com/library/content/documentation/DeveloperTools/Conceptual/debugging_with_xcode/chapters/debugging_tools.html#//apple_ref/doc/uid/TP40015022-CH8-SW19
It's icons for different process. You can see more here https://developer.apple.com/library/content/documentation/DeveloperTools/Conceptual/debugging_with_xcode/chapters/debugging_tools.html#//apple_ref/doc/uid/TP40015022-CH8-SW19
Currently, it appears like a square with no text beside, we want to customize the look & feel without disturbing the icon of course to match our other buttons.
Already tried adding styles to the div which is converted to the share icon, but unsuccessful so far.
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
The above line renders as below :
Any idea how to proceed further or which direction to look into ?
To get a completely different share button you will need to write your own JS to style the button correctly, handle the mouse click, etc., and then direct the user to a URL of the form https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines too.)
To modify the button you can refer to the Share button documentation. However, there are some restrictions that you would need to follow to modify the Classroom button in the appropriate way.
Here you can find all the specifications and restrictions to the logo. Check if these specifications allow you to modify the logo accordingly to your needs.
You can put the white logo (square or circle) on a colored background of your choice. Full brand guidelines here
What are some guidelines for displaying information to a user in a web-browser?
I am trying to determine some guidelines and best practices for displaying information to a user.
The exact case is a confirmation button: once it’s been pressed and the subject is confirmed the button is disabled (to prevent users from clicking it again). To be able to click this confirmation button there are some prerequisites that need to be fulfilled. If the prerequisites are not fulfilled, reasons to why the confirmation button is disabled should be shown.
Currently I have this information shown as a tooltip on the button. Is this a typical way of displaying such information?
Another thing that concerns me is the fact that the disabled state sends two different signals
one signal being “everything is in order”
the other signal being “something is wrong, but you need to hover me to find out what is wrong”.
Is this a design flaw in the GUI? Or is this information best displayed in another way (like the status-bar if this was WinForms?) Alternatively, an icon could be displayed above / below or near the button that signals information to be present.
I’m not really sure what the best-practices on this subject are in the world of web.
Regarding UI clues, you can find some good ideas related to form validation.
For instance, you can display explicitly the list those prerequisite with a symbol (red *) before each of them, stating that there are mandatory.
If the button is disabled, and all prerequisite informations have no more (*) in front of them, but rather a green check mark, that can help reinforce the message this button is not definitively inactive.
I would first show the information in some way other than a tool tip since this is somewhat critical information. Also, for the button, I would have two different UI clues. Obviously, the button should be disabled until it is ready to be clicked. Then when the button is clicked, you could have some image or something, with button now gone, stating that the request has been submitted, etc.
Display the message in a div highlighted with some other color and place it above your button.
Once your prerequisites are fulfilled , hide the div.