Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

How to change Column Header name & Column Width
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: How to change Column Header name & Column Width
#32125
How to change Column Header name & Column Width 12 Years, 2 Months ago Karma: 1
My URL is: www.osac.edu.sg/agent-list/test-agent-list-2

This the plugin code i inserted on article:
Certified Student Recruitment Agents
{arijdatatable} {aricsvtable file="/agentlist/Active-Agents.csv"} {aricsvtablecolumns} {aricsvtablecolumn id="ID" alias="ID" width="5%" className="idg"} {aricsvtablecolumn id="NAME" alias="UserName" headerClassName="head"} {aricsvtablecolumn alias="Virtual Column" headerClassName="head" virtual="true" pos="1"} {/aricsvtablecolumn} {/aricsvtablecolumns} {/aricsvtable} {/arijdatatable}


Terminated Student Recruitment Agents
{arijdatatable} {aricsvtable file="/agentlist/Terminated-Agents.csv"} {aricsvtablecolumns} {aricsvtablecolumn id="ID" alias="ID" width="15%" className="idg"} {aricsvtablecolumn id="NAME" alias="UserName" headerClassName="head"} {aricsvtablecolumn alias="Virtual Column" headerClassName="head" virtual="true" pos="1"} {/aricsvtablecolumn} {/aricsvtablecolumns} {/aricsvtable} {/arijdatatable}

---------------
FIRST QUESTION:
How can i change the title of the column header?
1. Company_Name = Company Name
2. Portfolio = Country
3. Agenct_Certno = Certificate No.
4. Contract_enddate = Validity

SECOND QUESTION:
How can i change the width of the column?
as you can see with the link, the 3rd and 4th Column Header or not properly aligned.
The administrator has disabled public write access.
 
#32128
Re:How to change Column Header name & Column Width 12 Years, 2 Months ago Karma: 760
Hello,

Use the following plugin code:

Code:


{arijdatatable}
  {aricsvtable file="/agentlist/Active-Agents.csv"} 
    {aricsvtablecolumns}
      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}
      {/aricsvtablecolumn}
    {/aricsvtablecolumns} 
  {/aricsvtable} 
{/arijdatatable}



and

Code:


{arijdatatable}
  {aricsvtable file="/agentlist/Terminated-Agents.csv"} 
    {aricsvtablecolumns}
      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}
      {/aricsvtablecolumn}
    {/aricsvtablecolumns} 
  {/aricsvtable} 
{/arijdatatable}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#32132
Re:How to change Column Header name & Column Width 12 Years, 2 Months ago Karma: 1
Thanks for the quick response!

Have a look at the updated URL: www.osac.edu.sg/agent-list/test-agent-list-2

Now the issue is the column width... as you can see the width sizing is not good. I wanted to lower the 1st column a bit to have the other 3 column properly aligned.

I dont know if its correct, i have added on {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name" width="55%"} and rest of the column to 15% but still no changes at all...

Please help!

Thanks
The administrator has disabled public write access.
 
#32133
Re:How to change Column Header name & Column Width 12 Years, 2 Months ago Karma: 760
If you want to change width of "Company name" column, use the following plugin code:

Code:


{arijdatatable}
  {aricsvtable file="/agentlist/Active-Agents.csv"} 
    {aricsvtablecolumns}
      {aricsvtablecolumn id="COMPANY_NAME" alias="Company Name" headerClassName="company" className="company"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="PORTFOLIO" alias="Country"}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="AGENT_CERTNO" alias="Certificate No."}
      {/aricsvtablecolumn}
      {aricsvtablecolumn id="CONTRACT_ENDDATE" alias="Validity"}
      {/aricsvtablecolumn}
    {/aricsvtablecolumns} 
  {/aricsvtable} 
{/arijdatatable}



Open "CSS Templates" page on component backend and create a new CSS template with the following CSS rules:

Code:


TABLE.display TH.company,
TABLE.display TD.company
{
  width: 55% !important;
}



Don't forget enable created CSS template.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#32134
Re:How to change Column Header name & Column Width 12 Years, 2 Months ago Karma: 1
Thank you so much...

Im glad i have found this component and plugin...

Keep up the good work!

Great Support!
The administrator has disabled public write access.
 
Go to topPage: 1