block form layout messed up because of class 'ccm-ui' missing in enclosing div

Permalink 1 user found helpful February 09, 2013 at 11:28 AM

Hi,

I’ve struggling quite some time to figure out why the ccm-ui classes did not apply properly onto my newly generated form within an edit block.

It seems that for some reason, the enclosing div of the form tag does not have the "ccm-ui" class.

To fix this, i have to copy-paste the code I found in the form block’s auto.js :

$(document).ready(function(){
   /* TODO hackzors, this shouldnt be necessary */
   $('#ccm-block-form').closest('div').addClass('ccm-ui');
});

This made the form work perfectly, but (as the comment states), it really looks like an ugly hack to fix a bug ...

This is actually caused by the order things are setup in the legacy.less file :

.ccm-ui {
[...]
   form .input {
      margin-left: 160px
   }
[...]
}

That piece of code imply that the form tag must be enclosed by a .ccm-ui class holding tag.

Is this a "bug" or I am doing something wrong ? (and if so what?)

goutnet replied on Feb 11, 2013 at 4:11 am Permalink Best Answer Reply

The solution was given Remo in the PRB, if anybody is looking for the solution, here it is :

Quote :

[...]

You've got a JavaScript to add ccm-ui but could probably also add this to your block controller: