• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Styling Table In AdminCP

TheBigK

Well-known member
#1
This is how my table looks right now -

Screen Shot 2015-11-07 at 10.26.22 AM.png

As you can see, the alignment isn't proper. I'm following the tag_list template as my reference, but not able to figure out what parameters I need to adjust in my template to get the styling right.

Here's my template -

PHP:
<xen:title>Blogger Performance Report</xen:title>

<xen:form action="{xen:adminlink reportUpdate}" method="get">
    <span>
        Select Author:
           
            <xen:select name="authorList" value="$authorSelected">
               
                <xen:foreach loop="$allAuthors" value="$author">
                    <xen:option value="$getReportFor">{$author.username}</xen:option>
                </xen:foreach>
            </xen:select>
</xen:form>

<div class="dataTableWrapper">
   
    <table class="dataTable">
        <tr class="dataRow">
            <th>Author Name<th>
            <th>Article Count For Last Month</th>
            <th>Total Number Of Articles</th>
        </tr>
            <xen:foreach loop="$author_count" key="$username" value="$count">
                <tr class="dataRow">
                    <td>{$username}</td>
                    <td>{$count}</td>
                </tr>
            </xen:foreach>
    </table>
</div>
Would really appreciate your help. Thanks!
 

TheBigK

Well-known member
#4
Have a look at template with this tag
PHP:
<xen:listitem
Thanks. I found another way of styling the table. I could get the numbers listed with label and 'snippet'; but couldn't find a way to get the number listed in a bigger font. Gotta explore this further.