While editing the content, the edit window is too small. I would like nothing displayed at the right side of the screen (right blocks) and the right blocks instead displayed under the left blocks. That way, the edit window will be bigger because after all this is a sitewide edit system.

Also, java editors seem to be disabled only in this module. I would like the textarea in the edit mode to have the java html editor that every node has.

Comments

njivy’s picture

njivy commented

To change the layout, including the widths of the columns, I suggest editing #a-right, #a-left, and #a-middle in audit.css.

Regarding WYSIWYG textarea editors, I see the problem. To help me keep track of it, please open a separate bug report for that issue. One topic per bug report or support request, please.

preferred name’s picture

preferred name commented

sorry for the haste. I will open another bug report later today

preferred name’s picture

preferred name commented 
I did what you suggested.
in the css...

#a-left { width: 23%; float: left; }
#a-right { width: 3%; float: right; } 
#a-middle { width: 70%; margin: 0 auto; }

I even removed the a-right line.


in the module...

    $links = theme('links', module_invoke_all('link', 'node', $process, FALSE, TRUE));
    $output  = '<div id="a-left">  <div id="a-processed"   class="a-list a-process-list" type="processed"></div>
                                   <div id="a-bookmarked"  class="a-list" type="bookmarked"></div>
<div id="a-in-process"  class="a-list a-process-list" type="in-process"></div>
                                   <div id="a-unprocessed" class="a-list a-process-list" type="unprocessed"></div>
                                   <div id="a-process">'. theme('box', filter_xss_admin($process->title), drupal_render($process->content) . $links) .'</div></div>';

the a-right line was removed.

the text boxes do no align correctly.
njivy’s picture

njivy commented

Hi Steve,

Try this CSS in audit.css:

#a-left { width: 23%; float: left; margin-right: 1em; }
#a-right { width: 23%; float: left; clear: left; }
#a-middle { width: 75%; margin: 0 auto; }

After you restore the lines in audit.module, #a-left will be above #a-right, but all the blocks will be on the left. This gives your form more room.

preferred name’s picture

preferred name commented

I restored the original module file and edited the audit.css file with your suggestions above. I am using the most current version of mozilla firefox, and the text boxes (a-middle) are displayed as still broken.

njivy’s picture

njivy commented
Title: edit window is too small » 2 column layout

Would you manually reload the page? Sometimes the browser caches the CSS file and doesn't use the latest version.

I tested with Firefox, and the 2-column layout worked. What appears broken on yours?

preferred name’s picture

preferred name commented

in addition to the .js files being where they are in the modules/audit directory, I copied them to the drupal/misc

That was needed because the audit .js files were not loading correctly. But after I coped the js files to misc, everything was working correctly, except for my few bug reports.

I cleaned the cache, but this bug still exists. All of the buttons and text (title, log message, body, ect) are displayed correctly, but their text boxes, to input into, are displayed very tightly beside the left block.

In the readme file is the following...

jQuery 1.1.1 (Not included. http://jquery.com/src/jquery-1.1.1.pack.js)
     Drupal 5.1 ships with jQuery 1.0.2, which is not compatible.  Upgrading
     may cause problems with collapse.js, textarea.js, and others.  See
     http://drupal.org/project/issues/drupal for suggested workarounds.

I am assuming that the above was corrected and is no longer a concern in the recent package.
perhaps there is an addition cache that needs cleaned in the database but I did empty all the cache tables.

i am hoping that you are verifying this problem in the latest mozilla firefox browser. If this problem does not exist for you in that browser, could you give me any addition work arounds for this display bug.

preferred name’s picture

preferred name commented
Title: 2 column layout » 1 column layout fix
Status: Active » Needs review

this removes the right column, so that there is more room for editing. The contents of the right column is now displayed below the contents of the left column.

this code has been tested in firefox v2. Let us know if this code does not work with explorer

edit the css file.

replace...

#a-left { width: 23%; float: left; }
#a-right { width: 23%; float: right; } 
#a-middle { width: 50%; margin: 0 auto; }

with...

#a-left  { width: 20%;  float: left; }
#a-middle  { width: 78%; float: left; }

edit the module file.

replace...

$output  = '<div id="a-left">  <div id="a-processed"   class="a-list a-process-list" type="processed"></div>
                                   <div id="a-bookmarked"  class="a-list" type="bookmarked"></div>
                                   <div id="a-process">'. theme('box', filter_xss_admin($process->title), drupal_render($process->content) . $links) .'</div></div>';
    $output .= '<div id="a-right"> <div id="a-in-process"  class="a-list a-process-list" type="in-process"></div>
                                   <div id="a-unprocessed" class="a-list a-process-list" type="unprocessed"></div></div>';
    $output .= '<div id="a-middle"><div id="a-form"><noscript class="messages error">JavaScript is required.</noscript></div></div>';

with...

$output  = '<div id="a-left">  <div id="a-processed"   class="a-list a-process-list" type="processed"></div>
                                   <div id="a-bookmarked"  class="a-list" type="bookmarked"></div>
                                   <div id="a-process">'. theme('box', filter_xss_admin($process->title), drupal_render($process->content) . $links) .'</div>
					     <div id="a-in-process"  class="a-list a-process-list" type="in-process"></div>
                                   <div id="a-unprocessed" class="a-list a-process-list" type="unprocessed"></div></div>';
    $output .= '<div id="a-middle"><div id="a-form"><noscript class="messages error">JavaScript is required.</noscript></div></div>';
njivy’s picture

njivy commented
Status: Needs review » Closed (won't fix)

Thank you, Steve. Yes, that is another way to move the right column out of the way. I think it will work.

However, I will not update the downloadable file unless more people say they cannot use the right column. You can make your copy do whatever you want, though.

preferred name’s picture

preferred name commented

understandable... after all, it has not been tested in the explorer navigator