Operations Menu position

The default positioning of Operations Menu is affecting the CGridView…

If I use column1 as a layout for the admin view, the CGridView is perfect.

But using column2 (with operations menu):

  1. "Displaying XXX results." is not float right

  2. button column is shrunk…

How can I modify it to avoid these 2 problems?

Thank you


        

array(

       'class' => 'CButtonColumn',

       'htmlOptions'=>array('style'=>'width:60px'),

)






div.summary

{

	margin: 0 0 5px 0;

	text-align: right;

	font-size:0.8em

}

Thank you moginn for your reply.

I tried it and it is not working properly.

Your code works when layouts/column1 (thithout operarions menu) is applied

(eg when I try


'htmlOptions'=>array('style'=>'width:60px')

or 80px, or 100px it works fine)

But when layouts/column2 is applied the changes do not take effect (button column still shrunk and summary text not floating right…)

it seems you have too many columns. You can do this




table.items td

{

	word-break: break-all;

}

But I need all of them nowrap…

Without Operations Menu it is perfect (picture below).

Isn’t there any way to put Op. Menu without affecting CGridView?

Maybe you can make the menu fixed:

div

{

position: fixed;

right: 0px;

}

I solved it like this:

Defined a column3 layout exactly like column2 except "span-19" changed to "span-25".

And I use this "column3" layout only for admin.php view:




$this->layout='column3';



And in screen.css:




.span-25 {float:left;margin-right:10px;}

.container {width:1000px;margin:0 auto;}

.span-5 {float: right; position: absolute; top: 120px; right: 185px;}