Editor too Wide

[coyote444]

Hello,

I have a problem with the "Add Event"-layout in the frontend. It is too wide for my template. I use Beez20. I've searched about my problem and I found similar problems but not really a good solution.

Jevents is a great component and this one thing only drives me to despair...

Hope for Help!

PS:
There is a screenshot where the arrows marker the overlap.

jevents.png (84.08 KiB) Viewed 109 times

[Geraint]

You have a few options:
1. Use the event editing in a popup window option
2. Use CSS to make the page elements smaller - I suspect your template is making some of your inputs too wide. e.g. I think the extra info text box is too wide so this CSS (added to your site's template.css file) should fix this:

Code: Select all

textarea#extra_info {
    width: 500px !important;
}


If it doesn't please use Firebug for Firefox or the Chrome inspector to investigate what is driving the width

[coyote444]

Hi Geraint and the others,

thanks for your Answer. Now the extra info box is shorter, but I think it's the whole table which overlaps. You see in my screenshot the firebug result.

jevents2.png (113.98 KiB) Viewed 106 times

It seems to be the css in 'eventsadmin16.css':
div#jevents table.adminform {
background-color: #FFFFFF;
border: 1px solid #D5D5D5;
border-collapse: collapse;
margin: 8px 0 15px;
width: 100%;

But Changes in Width have no effect?! Another option: Do you know a good template without complications ?

[Geraint]

Use the popup event editor config option in JEvents.

[coyote444]

i don't want to use the popup option. But I found a solution:

in eventsadmin16.css I changed the code:

Code: Select all

div#jevents input,div#jevents select,div#jevents inputbox {
   padding:3px 5px;
   max-width:200px!important;
   }


Now it looks good. Thank you for your help.

But theres is another problem:

The right column is fade out by using the "add event" link. The 'Add event' loads without the right column, but when I 'save' or 'cancel' it doesn't fade in but loads the Calendar-Site without right column. Where can I influence on that behaviour?