• Jon Oddvar Kolnes
  • 0 Points
  • Member since 2015
  • Salesforce Consultant
  • Deloitte Digital

  • Chatter
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 2
  • 1

We are setting up Live Agent, and I want to do a couple of minor tweaks to the chat window. This includes showing the queue position to the customer, in addition to a few design-changes.

Is there a way to do just that without having to create a whole new visualforce chat page? I quite like the design of the default page, but if I create a new chat window (with for example the sample code from the developer guide) I get a whole other, very simple page, which I don't really want to use..

I am trying to complete the "Build a Restaurant-Locator Lightning Component" Trailhead project. I've come as far as to the esction "Add Custom CSS". Even though I copy the exact css-code from the text to the InTheArea.css file I get the error message shown below:

Challenge Not yet complete... here's what's wrong: 
The 'InTheArea' Style does not contain the correct code. Ensure that you copy and paste the code for the style correctly.
Note: you may run into errors if you've skipped previous steps.

The code I've copied to the CSS file is:
    position: relative;
    overflow: hidden;
.THIS.small {
    height: 28rem;
.THIS.medium {
    height: 40rem;
.THIS.large {
    height: 53rem;
.THIS.autoHeight {
    min-height: 100vh;
    height: auto;
.THIS.small .scroll-container {
    height: 22rem;
.THIS.medium .scroll-container {
    height: 34rem;
.THIS.large .scroll-container {
    height: 47rem;
.THIS .ratingStars {
    min-width: 25%;
    max-width: 105px;
.THIS header {
    height: 5rem;
    padding-bottom: .25rem;

I've also updated the component and controller files as described in the description, but the validation does not work. The previous tasks have been validated wthout any issues.

Appreciate any help. Thank you.
Help please - I am trying to complete the Lightning Challenge here:


But when I submit I am told it is wrong:

The component does not include an H1 tag with a 'headline' CSS class

My component reads:

<!-- MyLightningComponent.cmp -->
<aura:component implements="force:appHostable"> 
    <div class="headline">
        <H1>Hello Lightning Component!</H1>

and I have a Style:

    background-color: yellow;
    padding-top: 10px;


    font-weight: bold;
    padding: 10px;

.THIS.headline {
    padding-top: 20px;

.THIS .red {
    background-color: red;
    padding: 10px;

.THIS .blue {
    background-color: blue;
    padding: 10px;

.THIS .green {
    background-color: green;
    padding: 10px;

Can anyone describe what I have done wrong?