Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

CSS field in pocketquery

Supriya Jha September 2, 2015

How do I use the CSS field in pocket query. I have the CSS file that I need to use. But I don't see an option to select it on that field. The information on PocketQuery documentation is not elaborate on the CSS usage.

I basically want to be able to display the result in a table with vertical headers instead of the default template that pocketquery uses.

2 answers

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

Post a new question

0 votes
Cuto Calleja
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 11, 2016

This is working for me...

 

<style type='text/css'>

  .bold-green-font {

    font-weight: bold;

    color: green;

  }

 

  .bold-font {

    font-weight: bold;

  }

 

  .right-text {

    text-align: right;

  }

 

  .large-font {

    font-size: 15px;

  }

    

    .italic-darkblue-font {

    font-style: italic;

    color: darkblue;

  }

 

  .italic-purple-font {

    font-style: italic;

    color: purple;

  }

 

  .underline-blue-font {

    text-decoration: underline;

    color: blue;

  }

 

  .gold-border {

    border: 3px solid gold;

  }

 

  .deeppink-border {

    border: 3px solid deeppink;

  }

 

  .orange-background {

    background-color: orange;

  }

 

  .orchid-background {

    background-color: orchid;

  }

 

  .beige-background {

    background-color: beige;

  }

 

    

</style>

 

<script>

 

PocketQuery.chart('Table',{

 

page:'enable',

pageSize:30,

allowHtml: true,

showRowNumber: true,

format: {

 

     type: 'NumberFormat',

     column: 3,

     pattern: '#,#00.0#',

         negativeColor: 'red',

     negativeParens: true

        

    },

cssClassNames : {

    'headerRow': 'italic-darkblue-font large-font bold-font',

    'tableRow': '',

    'oddTableRow': 'beige-background',

    'selectedTableRow': 'orange-background large-font',

    'hoverTableRow': '',

    'headerCell': 'gold-border',

    'tableCell': '',

    'rowNumberCell': 'underline-blue-font'}

 

});

 

</script>

 

0 votes
kristjan_h October 20, 2015

Have you found a way to use CSS with pocket query?
I'm also searching for some guide about that. 

Might want to add this label to get some attension from the pocketquery team: addon-de.scandio.confluence.plugins.pocketquer

 

TAGS
AUG Leaders

Atlassian Community Events