If you are unable to create a new account, please email support@bspsoftware.com

 

News:

MetaManager - Administrative Tools for IBM Cognos
Pricing starting at $2,100
Download Now    Learn More

Main Menu

CSS in my button Item

Started by thegiff, 04 Sep 2014 03:49:47 PM

Previous topic - Next topic

thegiff

So I just started using active reports and I think they are great but I was wondering about some of it's limitations that I hope you guys can help me figure out. So I have buttons at the top of my report that drive different cards to be displayed. But those buttons look like.....buttons. They are gray and boring. I tried putting an html tag in front and behind it and putting it in a div, where I then reference the id or class in my css to change the way it looks but I get nothing. I have tried everything else, granted i am very new to active reports so that may not be very much, and I can't seem to figure it out. Any assistance would be greatly appreciated. Thank you in advance.

MFGF

Quote from: thegiff on 04 Sep 2014 03:49:47 PM
So I just started using active reports and I think they are great but I was wondering about some of it's limitations that I hope you guys can help me figure out. So I have buttons at the top of my report that drive different cards to be displayed. But those buttons look like.....buttons. They are gray and boring. I tried putting an html tag in front and behind it and putting it in a div, where I then reference the id or class in my css to change the way it looks but I get nothing. I have tried everything else, granted i am very new to active reports so that may not be very much, and I can't seem to figure it out. Any assistance would be greatly appreciated. Thank you in advance.

Hi,

I use a list/repeater table/image combo to produce "buttons" that look different. If the buttons are vertical, images within a list are fine. If the  buttons are horizontal, then you need a repeater table as well. I normally use "virtual sql" (shudder) to define the data for the list:

select * from (
values
(     cast('http://<servername>/graphics/one.png' as varchar(60)), cast('ONE' as varchar(10))    ),
      (    'http://<servername>/graphics/two.png', 'TWO'    ),
      (    'http://<servername>/graphics/three.png', 'THREE'    ),
      (    'http://<servername>/graphics/four.png', 'FOUR'    )
)      
MainButtonImages (imageName, buttonValue )

The list is used as your control, with the images visible and the buttonvalue column hidden, so that when you click an image the value of buttonValue is set into an AR variable. Of course, this assumes you have skills to create images that look the way your buttons should appear.

Cheers!

MF.
Meep!

thegiff

this did help a lot, I was able to change the color of my buttons with this method. One more question though, is there a way to add a little more styling? Such as rounded buttons or something of the sort?

MFGF

Quote from: thegiff on 16 Sep 2014 12:01:12 PM
this did help a lot, I was able to change the color of my buttons with this method. One more question though, is there a way to add a little more styling? Such as rounded buttons or something of the sort?

Since this method uses images rather than real buttons, the images can be whatever you want them to be. Green eyed monsters or apple pies - anything you like :)

MF.
Meep!