Question: I've created a popup (on windows onload). I want it to be displayed only from 18th to 25th on each month. How could I do that? I'm using Codeigniter.

model:

```
public function getunpaidtodate() {

    $query = $this->db->query("SELECT spp.studentid, si.firstname, 
                                      si.lastname 
                                FROM `studentpaymentplan` spp
                                    JOIN studentinfo si ON spp.studentid=si.studentid 
                                GROUP BY spp.studentid");     
    return $query->result();  
}

```

controller:

```
$data['result'] = $this->mdl_studentinfo->getunpaidtodate();

```

view file:

```
<div class="alert" id='alert'>
      <span class="closebtn" id="test" onclick="this.parentElement.style.display='none';">&times;</span>
      <strong><?php  echo ' '; echo $row->firstname; echo ' '; echo $row->lastname; ?>

        <table>
        <tr>
        </tr>
        <?php foreach($result  as $r): ?>
        <tr><?php echo $r->firstname; ?>
            <?php echo $r->lastname; ?>
        </tr><br>
        <?php endforeach; ?>
        </table>
       <br></strong> pay soon !
</div>

```

Thanks !

Answer: 
You need to disable the view encapsulation of the component:

```
@Component({
    styleUrls:["http://url_to_external_styles"],
    encapsulation: ViewEncapsulation.None
})

```

<https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation>
For those getting errors of the form "Module not found: Error: Can't resolve './the-url-of-an-external-style-sheet' ", here's what worked for me:

Here's what the [Angular documentation](https://angular.io/guide/component-styles) has to say about urls in the styleUrls array:

> 
> The URL is relative to the application root, which is usually the location of the index.html web page that hosts the application.
> 
> 
> 

In order to get the style sheets to load, make a local css style sheet and add @import statements to the top of it. For instance, if you want to add the style sheet at "<http://url_to_external_styles>", you could make a src/app/my-component.component.css file. Then you could add the following as the first line of src/app/my-component.component.css:

```
@import "http://url_to_external_styles";

```

You can find out more about @import by following the link in the Angular documentation quoted above.