Broken design and and not clearly visible dash in EnhancedDateRangePicker Vaadin 14 component - components

There are two problems that I have using the EnhancedDateRangePicker in Vaadin 14(source: https://vaadin.com/directory/component/date-range-picker):
The design is broken when I add the component somewhere in a layout but that happens only when I add a label. If I don't the design is as expected to be. Here is a screenshot to see what exactly happens -
The other problem is that the dash is not visible clearly in this color(light gray I think). Is there a way to change the color of the dash?
Could you please tell me is there any way to make the design as I mentioned in the above two points?
Thanks in advance :).

The problem is solved. It's not the problem with the component, it is actually the Theme which we are using in our projects and the component just overrides the theme styles and that brokes the component. When I put it in a blank page there is no problem. Thanks you all very much for the effort :).

Related

FlexBox Layout Android. How to delete vertical gaps between views?

I'm generating Views inside FlexBox layout by pressing the Start button. As you can see every item on even line has random size. It works almost as it supposed to be but there is a problem, I need to get rid of vertical gaps between two vertically adjacent views. I've tried all properties of Flex Box Layout but didn't find one that can help to solve my problem. I will be happy if you help me to solve this problem.
I've solved this problem. If you have the same task you should use Relative Layout and its' flags inside your android code. It'll give you all control under the positions of Views. If it will be necessary I can expand this answer to provide more detail.

Disabled QLabel color or image appearance

I'm trying to resolve for my self the issue stated in this post from 2011:
https://bugreports.qt.io/browse/QTBUG-19008
Using the stylesheet approach does not work however.
What I would like to do (regarding my own GUI project) is ensure that the images on any disabled QLabels appears the same as when those QLabels are enabled.
Any help in resolving this particular problem would be awesome. Thanks.
Ok. So disabling the GUI is a problem if you have custom graphics for all the widgets because mid-grey boxes appear everywhere. So what is the solution?
Ekhumoro has provided one solution but here is another:
If you are using Animated GIFs there is no problem - they won't turn mid-grey.
If you are using static images (PNGs) all you have to do is make sure the background is transparent so that only the visible image will turn mid-grey for the duration that those graphics are disabled.
This may not be elegant but it is a workaround that can be considered.

the running application have different layout than the preview

While running the application the design layout is not same as in the preview as all the widgets are overlapping at the top-left corner no matter where I place them.
Can we see your code please.
Perhaps you're using a Relativelayout without specifying the position with its attribute.
can you provide you xml code.
and in my case i faced the same issue. when i using the relative layout. just use linear layout and check it again...

Android - Set Default Spinner Themes

I'm new to Android development.
I'm using drag and drop to pull down a default spinner onto my layout.
However, the default is not the one I see everyone using with the triangle on the bottom right.
An example of what I see is:
http://www.mkyong.com/wp-content/uploads/2011/11/android-spinner-demo1.png
Whereas what I'm looking to achieve is this:
http://i.stack.imgur.com/X82Ld.png
Is it a styling issue?
Apologies for ripping off other people's images, I don't have enough rep for uploading my own images.
Thanks so much!
I've Solved my issue by setting the Theme of the application/activity to Holo.Light. Hope this helps other people in the process.

C# ListView Image/Icon margin/padding

Is it possible to reproduce what is on the picture below in ListView, padding/margin icon to the right.
http://img801.imageshack.us/img801/4043/listview.png
My first question here, so I couldnt post the picture here.
Basically I need to move the ListView icon more right, I am reproducing file/directory browser, so the fails that are in a directory need to be below them and slighty right like in the picture, I have everything else figured out.
You should be using a TreeView control:
http://msdn.microsoft.com/en-us/library/1dtsdfkx.aspx
But if you insist on hacking a ListView to render this way, you'll simply have to take over drawing each row yourself. You can do so using the OwnerDraw property, though be warned that there's a lot of corner cases here so you should do a lot of reading to see what people have had to deal with when implementing this:
http://msdn.microsoft.com/en-us/library/system.windows.forms.listview.ownerdraw.aspx

Resources