Codename One DateSpinner - codenameone

I created a DateSpinner in my Desktop app,but the spinner is not displaying the month,day or year properly.half of the part was not visible to the user.
Can you please help to resolve the issue?
![DateSpinner Image][![Below link shows how the date spinner visible to the user]1]1

The DateSpinner class has been deprecated for a while. I suggest using the Picker component which is better looking overall. See: https://www.codenameone.com/javadoc/com/codename1/ui/package-summary.html

Related

react-swipeable-list is not working as expected

I'm using #sandstreamdev/react-swipeable-list package in one of my project to create a swipeable list with React. Explored the docs and thought of experimenting with one of the examples mentioned in it. Here is the application created by copying code from the given example. But it is behaving unexpectedly.
Actual Behavior:
Expected Behavior:
Whenever the list item shown is swiped right or left it should display reply or delete option accordingly under the list item. But instead the options are shown all the time. I think the issue here is with the CSS but I'm not sure exactly where I messed it up. Please help me in resolving this issue.
You forgot to import the css of the library.
import '#sandstreamdev/react-swipeable-list/dist/styles.css';
here is the fix
https://codesandbox.io/s/twilight-waterfall-lhkfo

react big calendar display timezone

I want to display the time zone in the calendar edge, it will be like that:
GMT+x, do you have any idea if that's possible?
thank you
First, you would want the latest (0.36.0) version of RBC, which includes timezone support when using the momentLocalizer of the new luxonLocalizer. Second, you cannot currently override the internal TimeGutter component. You would have to replicate all of the views that use TimeGrid and copy over code to write that in yourself.

Datetime picker in boostrap and angularjs 1

Please any idea about datetime picker in boostrap 3 and angularjs 1.
I am looking for one and i didn't find it.
I want that the user can pick the date first then the time.
Best Regards
for people who have the same issue, I have used angular-moment-picker and it solves my problem.
this link is useful:
Angular-moment-picker

Button does not work on some mobile devices (eg iPhone6, Androids)

this is my first question here and I was adviced to place this topic here.
I got a responsive website based on the AURA (PI-)theme. For the xs2 breakpoint I do show another slideshow on the homepage, where I have placed an button as call to action (other button type didn't work either)
On older smartphones like iPhone4 and 5 it is working. But on newer device it ain't.
Please take a look onto this test-page.
You can also check within chrome browser emulating such a device. There the click on the "Explore"-button doesn't work either.
Any help is gladly welcome and I appriciate it very much.
Thank you!
It's quite simple. You got a slideshow with a swipe handler which probably sets a preventDefault for swipe and click/tap. If I try to click it on a test device (android 4), it won't work either. But it does work if i hold it down and then press open. So it's not about the z-index (common error) but about the preventDefault. This means you would have to assign the link to the button/s in the slideshow with javascript.
EDIT:
To assign a link to an element using javascript (just javascript, no jquery or any other library), just put something like that into a script tag or javascript file:
document.getElementById("ID-of-your-button").addEventListener("click", function(){window.location.href = "http://link-desti.nation"});
and that should work fine. If there is another problem with it, just write a comment below please. I will reply on it as soon as possible.
P.S.: Sorry for the late edit, I was having hilariously much work on a "do immediately" level the last days.

Cq5 building a number increment/decrement box

the above picture is what i need to build in CQ5, I have been digging around in adobe cq api,
all i have found is Class CQ.Ext.form.NumberField
but that number field only provide something like textfield for you to manually entering number(this is not what i need)
can anyone guide me how to create such number increment/decrement box in cq5 dialog? with some code example please, thanks
You can try CQ.form.Spinner with xtype spinner.
This is a trigger field for numeric, date or time values.
The spinner uses CQ.form.Spinner.Strategy which defines its behavior.
The dialog config snippet is shown here.
<numfield xtype="spinner" name="./numfield" editable="false">
<strategy xtype="number" allowDecimals="false" maxValue="50" />
</numfield>
For further info, check this Spinner API and NumberStrategy API
Have a look at the Spinner Widget with the xtype="spinner". There you can define the strategy of the spinner, e.g. the increment value. I never used it myself though, so I can't provide you with a running code example.

Resources