Note that there are some explanatory texts on larger screens.

plurals
  1. POCakePHP .actions button label
    primarykey
    data
    text
    <p>I started coding in CakePHP lately and love the quick and easy interface framework it provides. I have one model that has kind of a long name and it is causing UI issues with the Action buttons. When I am in the CRUD index page for the model the text within the anchor tag displays outside of the background image used to make the button. Here is a link to a screenshot for what I am talking about...</p> <p><a href="http://imgur.com/xLD7Z3v" rel="nofollow">http://imgur.com/xLD7Z3v</a></p> <p>Does anyone know how to modify the CSS for this so that it will word wrap where necessary?</p> <p>EDIT for Nunuser: Here is the HTML code for the button:</p> <pre><code>&lt;div class="actions"&gt; &lt;h3&gt;Actions&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="/users/add"&gt;New User&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/user_types"&gt;List User Types&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/user_types/add"&gt;New User Type&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/user_statuses"&gt;List User Statuses&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/user_statuses/add"&gt;New User Status&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/region_program_offices"&gt;List Region Program Offices&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/region_program_offices/add"&gt;New Region Program Office&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>Here is the CSS Style for the button:</p> <pre><code>.actions li { list-style-type:none; margin:0 0 0.5em; padding:0; white-space:nowrap; } cake.generic.css * { } cake.generic.css ul, li { margin:0 12px; } cake.generic.css (line 66) Inherited frombody body { font-family:'lucida grande', verdana, helvetica, arial, sans-serif; font-size:90%; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload