next »

[jimhotdog]

I try to add a room (several other transactions behave with the same bug - but this one is the most critical), and the fields are stretched out to where several of the fields on the right are completely cut off so that, effectively, I can't add a room.

Here is what I know:

The problem seems to be template related. I am trying to use one of the siteground templates - the problem shows up with this template, but when I switch to the "beez" template that came with Joomla, the problem goes away.  And, no, I'm not going to use the "beez" template - sorry, not a solution....

I have tried switching browsers, but the problem exists in Firefox and IE.

I have tried looking at the html that is generated (view source) and there seems to be no difference in the immediate area around the bug, which leaves me to believe that there is a class definition or other similar definition in css that may be causing the problem; but that is speculation on my part.

I am not an expert in Joomla, templates, css, etc. though I do have an extensive computer background and have put together php systems myself for commercial use, so I can dive into the template or the css to try to fix the problem if I have to. But I was hoping someone had a similar problem and could provide some input. I searched the forum and found something similar that pointed toward a template problem which is why I tried switching templates to see if the problem followed; I was just hoping I could find a more similar problem that indicated exactly what was wrong with the template, but no luck so far.

I have had other problems with the siteground template that points me toward the template being the problem.

I have one other solution that I can do. I don't want to, but I may have to for the short term. That is to set up another site (unlinked) that points to the same database that uses a template that works so I can finish getting the site set up. Yeah, I know, very ugly "solution", but, hey, I have a job to do, I don't get it done, I don't eat, and I like to eat....

[Vince]

First of all, try swiching off the editing mode.

[jimhotdog]

global editing turned off didn't fix it.

I refreshed everything to make sure the change took as well as attempted to edit text (could not edit text as expected).

I certainly welcome any other ideas as I dread my other options...

[Vince]

What's the url?

[jimhotdog]

Actual url:

http://kiteboardingparadise.com/index.php?option=com_jomres&Itemid=40&task=editRoom&

Vince: I guess you would need an authorized access to actually get the page and work directly with the system. Obviously I don't want to post that kind of information, but just let me know if you need it and I'd be happy to provide whatever access you need in a private message.

[Vince]

Going to that url I can use firebug's inspector to look at the .inputbox class settings from the language dropdown.

In template.css it says width:138px so I assume that if in input hasn't got a size specified, then that takes over.

[jimhotdog]

Sounds like you found the problem... I guess the solution is simply to take out the width parameter?

[Vince]

Suck it and see mate. It could be something completely different.

[jimhotdog]

Well.. not quite.. i.e. taking off the width did not help anything.

If you will notice:

the header (Rooms) is not lined up

the text message re: Single Person Supplements is strung out and not wrapped - and the text also is cut off.

the "Features" header is also way over to the right

so whatever the problem is, it appears to be related to all this

But I think you are on the right track and will try to fiddle with the css to get it to work.

[JK1]

Just a guess: From what I can see in your link you might have two settings in your siteground template which are causing this problem.

First, try to get rid of the right colum, which is located to the right of your Jomres content area. (you can see it if you add "&tp=1" to the end of your url while looking at the page and hit "Enter" on your keyboard)

Second, Jomres seems to reside in the template area "maincolumn_left" of your template.css:
------------------
div#maincolumn_left {
   float: left;
   width: 700px;
   padding:10px 20px 10px 0;
   margin:2px 0 0 0;
------------------
which is influenced by:
---------------------
div#maincolumn {
   float: left;
   width: 480px;
   padding:10px 10px;
   margin:2px 0 0 0;
-------------------------
The "rightcolum" on this page takes away 210px of the available width.

The complete 'rooms' form requires approximately 720px width to display in full, so you will have to adjust several width numbers in this template a little bit. Perhaps you can increase the template's total width of 974px (maybe 1024px), in order to give you some more space to work with.

[jimhotdog]

Yes, actually that was my first thought, too - to get rid of the right column... and so I did (the section I sent had the right column shut off), but no luck...

But I think you may be on to something with the definitions you showed me... or at least css definitions in the same neighborhood. I used a free web design add on for firefox and shut off the css from the template and things work (they sure don't look the same - but I can at least get to the "hidden" fields now).

So as time permits, I'll see if I can figure out what definition in the css is being used here. FYI I don't have the same problem with most other screens of jomres, but I have discovered this one and one other (the other one escapes me for the moment).

What I am thinking is that the template has a goofy default width definition for something and the jomres software is permitting the "default" for this screen.