We are using the all in one Calendar from Wordpress and have it set to week view (only this view). Everything is working fine, but there is one problem when you have set two events to the same time. There is an overlaps in the two events and you can not see one of the two. We can not change it in css and did not find a way to modify the code.
In the code the css is automaticly made, for instance to:
top 1185px
height 60px
left 8px
Can someone help?
Ok we did find the answer for this question:
Open week.php (in the template file) and look for the code
left: px;
The 8 is the 8px left and because it is just 8px you can not see the event behind it. We changed it to 30 so:
left: px;
Now we can see the other event
Related
I am struggling with a primefaces calendar problem on a webpage rendered on a mobile device (tablet). It seems that the css values calculated by primefaces to show the popup calendar are not recalculated on window rotation (you need to click on it again to recalculate).
Here is an example:
I have my webpage displayed in portrait mode. I clicked the calendar icon and the position of the popup is good:
(notice the css with left: 719.406px, calculated by primefaces). Everything OK so far.
Now I rotate to landscape mode:
Notice that the popup is no longer near the calendar icon. Also, the css states that, by having the same left value.
In order to get it correct, I need to click anywhere on the screen to close the pop up, then click again on the calendar icon:
The position is now good, with a different and correct value of left: 1061.91px.
How can I make primefaces automatically readjust the css without having to double click each time?
The solution found for me so far was to add a custom value for the right alignment with the screen and override the left one:
.ui-datepicker.ui-widget.ui-widget-content {
left: auto !important;
right: 10px;
}
But the above solution is very specific for this screen and luckily because I always have the calendar button in the right part of the screen, so I can always assume that 10 pixels from the right will look ok.
I also noticed that ui-datepicker-div is a child of body element, so I cannot link it with the button with css.
Any ideas/help of a general solution will be highly appreciated.
Primefaces version: 6.2
This problem is fixed with Primefaces 7.0.RC3.
It was released a week ago.
https://mvnrepository.com/artifact/org.primefaces/primefaces/7.0.RC3
It hurts me to have to ask this question here, but one full day of searching through the internet didn't get us an answer so far.
Like you can see, the content is stuck on the left side.
Adding the CSS .od-ClientFormFields-fieldsContainer {
max-width:100% !important;
} didn't have any effect. It does still limit the max-width to 378px. I just want to strech it to full width. Just this list, just on this page. Coming from PHP, I expected 5 minutes work max. Now a day is lost and I hate MS a little more...
Update:
in my display form (DispForm.aspx), I added my style from above below the given style:
<SharePoint:StyleBlock runat="server">
.ms-bodyareaframe {
padding: 8px;
border: none;
}
In this form, I can see just some lines (108) of code. Am I looking in the wrong place? I tried to create a new DisplayForm, but in the end it was nasty. The list was placed centered and didn't work properly. I couldn't even edit it.
Plus I've had another menu there, which I didn't have in my original DispForm.aspx, just "edit all". At that point, I stopped. I just want the list to be wider.
I have two buttons on a webform that are not displayed on an equal height. This happened after I updated Gravity Forms.
See http://topdek.nl/prijs/, enter a random name, email address and phone number, click 'Volgende' (Next), then choose any of the two options, and on the last step you will see two buttons on the bottom of the webform ('Vorige' and 'Verzenden'). Example: http://i.imgur.com/1rIrCFz.png
I was wondering if anyone would know how this can fixed using CSS?
Thanks :)
The following code in your css is affecting the first button and causing the problem. Change that code to margin-bottom: 0;
.gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: .5em;
}
I am new to FullCalendar, downloaded and added to a php project. Added an event (hardcoded) as per the examples and it shows great except, the height of the event is so tall. It looks like there is padding above and below the text, nothing like all the examples I have seen where the events are nice thin blocks.
I have researched and found code to lower the height of the events but, when I do this it cuts off the bottom of the event time and title.
For example, I added .fc-event { height: 1em; } and it makes the events look more the all the examples BUT as I mentioned, it only cuts the event bottom and cuts off the bottom of the time and title (cannot read the event).
Here is a link to images http://snappdf.tumblr.com/
Using .fc-event changes the CSS for all events on your calendar. You might prefer using the className attribute of the event instead. This way you can customize individual events without impact.
Also, please post some code or better a jsfiddle to better understand the problem.
I have several Google +1 buttons on my website and when a button is clicked a certain amount of times the plus one button on the page becomes wider and therefore moves out of its space given. How could I stop this from happening dynamically?
The CSS code for the button is as follows:
.news-plusone {
float: right;
margin: 2px -20px 0 10px;
}
The second parameter in the margin is the one that needs to change dynamically.
Example: http://www.nblackburn.me/index.php?section=news
The +1 button is included in this segment of HTML on my website (formatted here to remove scrolling):
<span class="news-plusone">
<g:plusone size="small" href="http://example.com/"></g:plusone>
</span>
Publishers may not alter or obfuscate the +1 Button, and Publishers
may not associate the +1 Button with advertising content, such as
putting the +1 Button on or adjacent to an ad, or placing ads in
shared content, unless authorized to do so by Google. Publishers also
may not place in shared content any text, image, or other content that
violates the Google+ project's User Content and Conduct Policy.
+1 button policy
However if you were just changing the positioning of the button then possibly showing an example would help clarify your issue.