Product colour swatches connected to colour selection - templates

The way that colour selection works is it's not connected when a customer clicks on a certain selection it won't bring up the product swatch to match the colour they've selected, I'm only allowed 5 templates that they have to manually swipe through with the inability to show all colours past 5 as well. Is there a solution or possibly a way to incorporate a new feature on the big cartel e-commerce platform to allow this?

Related

Replace color by area and by color with Directdraw

I need to implement a sort of "select box" on this vertical menu:
In short I like to add the possibility to navigate the vertical menu via arrow keys.
I have already hook the game, but this part I need to do manually.
I thing the best way is use directdraw API but I don't have experience about it.
Theoretically I can follow 2 ways:
Change and resume the backgroud color of the selected item by position and color.
Add and remove a rounded box outside the selected item by position (this is not best but seem more easy to do).
I ask what are the directdraw (or other) API that do it.
Any tips are much appreciated.
Best Regards

How to outline border of the slicer in Power BI Desktop

How can I outline the border of the slicer?
I want to change color of the border of the window where it says "All".
I do not need like this:
I need something like that"
Anyway to achieve that in Power bi?
I don't think this is currently possible with the built-in slicer.
To do this, you'll either have to create your own custom visual or else submit an idea and hope it gets implemented.
This image shows the different pieces you can currently adjust.
Notice that the border for the header and the items (purple) is the same thickness and color, the outside border (yellow) can't be changed in width, and the Items Outline doesn't display except on the drop-down section.
You could make a really thick border using the Background, but I don't think that's a good option.

wxWigets create wxPanel changing with the context

My software is based on just a frame dividen into two panels
For example, if I click the button "let's draw", the first panel on the left should becone a toolbox (with colour palette, brush and so on), the second panel should become a paint like panel
If I click the button "let's sing", on the left should appear four button, on the right the song to sing
What's the best tecnique to obtain that result?
I render the four panel (two for drawing, two for singing). The two I use are in position 0,0; the other are in position -1000,0
I create some function changeLeftPanelIntoDrawing(), changeRightPanelIntoDrawing(), changeLeftPanelIntoSinging(), changeRightPanelIntoSinging(), then I call them on click
Other hint?
In wxWidgets 3.0 you have wxSimplebook which allows you to just add different pages (i.e. arbitrary windows) to it and switch between them. If you're using an earlier version you can still just drop the contents of wx/simplebook.h into your project and use it, it's a very simple class and you can read its code in 30 seconds to see how it is implemented.

Infragistics UltraGrid rows displayed from bottom to top

I need to display rows in UltraGrid starting from bottom and going towards the top rather then normally where they are displayed from the top to the bottom.
Is there a setting of a property that needs to be set to achieve this display? I can't seem to find it.
Example of required layout
This functionality isn't built into the WinGrid control and you should log a new product idea on the NetAdvantage for Windows Forms product idea page for this if you are looking for this functionality.
You may be able to do something like this using a creation filter to move the existing rows if there are not enough rows to fill the grid. If you do pursue this you would still need to sort the rows so that they are already in the correct order first and they you would move the existing rows down when they don't fill the entire grid. There are more details on creation filters in the help.

How to display scrollbar for a list view whose contents keep changing?

I have a ListView-like control that displays a list of items of various heights. The contents of the list, and the heights of the items can change – a background thread is populating the list and calculating the layout of each item, possibly even while the user is scrolling the content.
Which brings me to my question: How do I display a useful vertical scrollbar for this view? I’ve seen cases (notably web browsers) where the slider “jumps away” from the mouse cursor while the user is dragging it, the result of the underlying content growing in height. I don’t want that.
So far
Instead of the slider representing the viewport height relative to the content height, maybe it could represent a point in a timeline instead? (The items are sorted by timestamp). This would at least prevent the scrollbar from changing as item layouts are calculated.
Get rid of the scrollbar altogether and use a forward/backward rocker switch like the one used in Picasa (the further the slider is pulled upwards or downwards, the faster the view is scrolled, until the user releases the slider). If I take this route, are there any controls you can recommend?
I am using Qt, but this applies to UI design in general.
IMO the fundamental problem with a classic scrollbar is that due to background population, the valid range is changing - and thus, the meaning of a scrollbar position changes.
If you can predict the full range of items, you can still provide a scrollbar and replace yet-unknown items with "loading...".
Otherwise, a rocker (is that an official name?) would be the next best thing to use.
However, since you have a dedicated scale (timeline), it might be better to have separate buttons that jump a dedicated time (e.g. one minute, one hour, one day, ..). For a fancier look, you could create a rocker with "hot" areas that jump for a specific time, whereas the areas inbetween are interpolated (linear or or logarithmic, depending on the scale to cover).
i.e. line this (drawing just the "backward" half):
--------------------------
|##|XXXXXXX|##|XXXXXXX|##|
--------------------------
-1h -1m -1s