Dojo Tooltips missing the mark sometimes - dojo

I'm using tooltips for icons that are displayed in a dijit.Dialog. Sometimes they work just fine, but other times they get placed around 25 to 50 pixels further away from the target than they should be. I can't see any pattern to when this happens. Any ideas on why the screen placement would be varying in this way?
Thanks,
Karl

you can use dijit.showTooltip and dijit.hideTooltip. Here is an example on how to show tooltips on complex dijits such as FilteringSelect and ComboBox with this simple techinque
http://jsfiddle.net/jleviaguirre/Xqz8Z/6/

Related

Default Shopify CSS seems busted, can't edit site. Attached image

Out of the blue, EVERY browser shows the same problem. The left-most column is squashed and refuses to expand. It makes it impossible to edit the template options. Any ideas? thanks :-)
This looks like a glitch with Shopify and would be better addressed by opening up a support ticket with their support team
Note: If you shrink your screen width to 599px wide or less, the sidebar should expand to be 100% of the window width - this might help if you're in a pinch and need to make updates right now

How can I increase the range of VirtualizingStackPanel in WP8?

This questions is mainly for Windows Phone devs, but I guess any XAML technology is applicable.
My VirtualizingStackPanel works great and I can see the improvements in memory usage. However, the items I have in the ListBox are variable in height and can be quite complex to instantiate/bind.
When scrolling really fast, you start to see dead space while the panel is catching up. It seems to me that this issue could be fixed if the panel has the ability to render more items in advance.
At this point, I have a feeling it only renders 1 or 2 more items past the last visible item. Is there a way to increase this number? Can it render 5 items ahead?
If the answer is "no", is there a way to trick/hack it?
Use LongListSelector instead of ListBox.
Try to deal with virtualization mode

Content wider than page which scrolls horizontally in WinRT App

How could I achieve a page layout in which I could scroll horizontally to the right, to display a content on the page that is wider than the page itself? Something very similar to the "Store" App...
Tried scrollviewer encasing stackpanel, grids or others and no result. I looked at the samples that are generated from the Store project templates but those are also different. I guess it shouldn't be so hard but can't figure it out...
I'm trying to obtain something like this :
I want to display a content, divided into columns, which continues from a column to another. Tried also with WrapGrid, but no success... Any ideas or suggestions are greatly appreciated, thank you.
If you are going implement something similar to Article view, please read this page News apps on MSDN. It gives you information about what should you use to build apps like News apps, check the Your app's article view part:
For more info about best practices for fonts, such as size, color, and
weight, see Guidelines and checklist for text and typography
(JavaScript) or Displaying and editing text (C#/VB/C++). In Windows
Store apps written using XAML, you can use the RichTextBlock and
RichTextBlockOverflow controls to manage text overflow. For an
example, see XAML text display sample.

AutoScaling WinForm Display (Small, Medium)

First and foremost, please forgive me but my screenshots are in French due to my Windows installation at work. It is still very easy to understand though. I'll include screenshots to make it more visually appealing.
Here's some background information:
Windows 7 64bit
Visual Studio 2010
Default display is 100%
AutoScaleMode: DPI
AutoSize: True
My application is a windows form that was developped in a default (small - 100%) display. Like so:
As you can see, the "Petite" or Small display is the default selection.
Small Display - 100% (default)
Here is how my application looks with this setting. This is the correct display
Medium Display - 125%
The red rectangles point out the unwanted empty space.
I have tried:
Anchoring / Docking my controls such as my split containers, table layout panels, list views on Form_Load and via the UI. This didn't work.
Adding a split container to the form, and all controls respectively separated into it
Adding Table layout panels, where all textboxes and buttons are located in their respective cells
I really thought it was having a scaling problem because of the anchoring and docking. Although that didn't seem to be the problem ... What seems to be having trouble is the Tab Control and Listviews ...
Some users (most) have their settings as the default (100%) but there are a few who have it at a Medium setting, causing this scaling issue. Is there a way to fix this?
I cant see your screenshots or links for some reason so I cannot visualize the problem. If scaling is the problem, try setting AutoScaleMode to None.
I recently had to do this because my winform app was image intensive and it would not render correctly on Medium Settings because I built it using the default Small Settnigs display. Changing scale mode to None worked for me.
I fixed my issue by putting the tab controls and list views in a tablelayoutpanel. Everything that wasn't scaled properly had to be put inside a TableLayoutPanel. I kept my AutoScaleMode to DPI and AutoSize to True
Be sure to dock everything in their parent containers.
Here's the document outline for the more visual (like me):
Just click on the form and go to property pane. Find the Anchor element and click the dropdown. You click on all the lines in the square structure to become grey. Then click enter. Problem resolved.

Use dockpanel to stretch all children equally

What i would like to do is create a dockpanel with 4buttons and have the buttons be equal size .
However when i do this now, it formats the first 3 Buttons to fill the Contents of the button and the last button fills the remaining space.
Is there a way to have a control that i can put 4 buttons into and make them equal size. I have already seen the problems with StackPanel and from reading i thought dockpanel would fix this for me.
I know i can use setup a grid to fix this, but i was trying to find another solution.
I don't know which grid you know how to use, but I found the easiest solution is to use a UniformGrid with 1 row. That should fill all the buttons equally.