CODEWITHSUNDEEP
phpyii
sasori
sasori

Reputation: 5445

how to change css of CDetailView?

1) how will I remove that alternating blue color of the CDetailView css ?
2) and let's say,based from the code below, How will I change the PositionTitle into <h1>Position</h1 ?
3) how will I apply a different css class for each attribute ?

$this->widget('zii.widgets.CDetailView', array(
    'data'=>$model,
    'attributes'=>array(
            'PositionTitle',
            'PositionSummary',
            'PositionDetails',
            'SkillsRequiredCompulsary',
            'SkillsRequiredNonCompulsary',
            'StartDate',
            'EndDate',
            'QualificationsRequiredCompulsary',
            'QualificationsRequiredNonCompulsary',
            'SalaryFrom',
            'SalaryTo',
            'SalaryPer',
            'Currency',
            'Benefits',
            'CompanySector',
            'PositionSector',
            'PositionLevel',
    ),

Upvotes: 2

Views: 3544

Answers (2)

RusAlex
RusAlex

Reputation: 8575

read this doc,

there you can find that you can specify attributes as array'

$this->widget('zii.widgets.CDetailView', array(
    'data'=>$model,
    'attributes'=>array(
            array('name'=>'PositionTitle','cssClass'=>'yourClass'),
            'PositionSummary',
            'PositionDetails',
            'SkillsRequiredCompulsary',
            'SkillsRequiredNonCompulsary',
            'StartDate',
            'EndDate',
            'QualificationsRequiredCompulsary',
            'QualificationsRequiredNonCompulsary',
            'SalaryFrom',
            'SalaryTo',
            'SalaryPer',
            'Currency',
            'Benefits',
            'CompanySector',
            'PositionSector',
            'PositionLevel',
    ),

Upvotes: 2

mpj
mpj

Reputation: 5367

If you take a look at the docs you will see there's a cssFile parameter, which you can use to include a CSS file and override the styles that the widget provides by default.

You can see the HTML output generated by the widget into your page or open the class in order to know what styles you should define in your CSS.

Upvotes: 1

Related Questions