Jump to content

Recommended Posts

  • 1 year later...
58 minutes ago, kcastagnaro said:

Hi all, this isn't working for me. And my calendar pop up doesn't display quite right. The up/down arrows next to the year actually cover the last digit of the year. Any help would be appreciated.

 

image.png.f03212a86b74f62575c99a22310d65ce.png

I think it's more complicated now. You can try this one

<style>
.flatpickr-calendar{
width:600px;

}

.flatpickr-innerContainer{
height:350px
}

.dayContainer{
grid-gap: 20px 0;
}

</style>

First one is width of the whole 'box'

second one is the height of the DAY container, it does not include the day labels, month/year, and the section on the bottom

Third one is to adjust the gaps between each DAY so they fill the empty space created by adjusting the height.

 

image.png.7703fed6d9d28d9801f50c8f920bc2e3.png

Link to post
Share on other sites
On 4/23/2021 at 4:17 PM, kcastagnaro said:

Thank you for responding. I do appreciate it. 

 

 This is what I got. I wonder how to drill down to the year field. 

image.png.4d3a92edd1e2ed587d3f251e6948491b.png

That's strange, can you send your URL for this DataPage? It should be the same for everyone since it's a customized CSS, do you have other styles that can affect this?

Link to post
Share on other sites

Darn! I wish I could. But it's a medical website and we have confidential patient information in there. How else can I help you help me? (Sheepish smile).

 

I don't think I have any other CSS that would affect this. Certainly not in the user-defined styles. But I could send the CSS?

Link to post
Share on other sites
4 hours ago, kcastagnaro said:

Darn! I wish I could. But it's a medical website and we have confidential patient information in there. How else can I help you help me? (Sheepish smile).

 

I don't think I have any other CSS that would affect this. Certainly not in the user-defined styles. But I could send the CSS?

I see, what I could suggest is if you could replicate the issue on a test DataPage, literally just the calendar with a test table as well, if you can replicate it there, then all the better

Link to post
Share on other sites

Hi! I was actually able to figure it out. I had to customize the following in my CSS. It was 14px. Thank you so much for your help!

 

div.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 2px;
    height: 50%;
    line-height: 50%;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...