Design Studio 1.3: include image, change textbox background colour, Data labels allingment

Question

Dear Community,
I've been trying to rebuild one of my Analayis Office Workbooks within Design Studio.
Attempting this, I've come across some questions I hope to find answers to, with your help:
1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
2. How can I change the background colour of a textbox-component?
3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
Who can help with those questions? Thanks a lot.
Kind regards
Sarah

Answer 1

1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
When working in Local Mode, go to Application -> Open Repository Folder -> and open the folder that your BI Application is named.  Place your image file there.  Go back to your Design Studio Image component and set the src to the name of that image file.  It should show up.  This gets a little more involved when working on the BI Platform or NetWeaver Platform, as you'll want to publish the Image to a public folder on the CMS somewhere (for BI Platform), or the MIME Repository (for NetWeaver Platform).  But the concept is similar in that you have to know where to place the files once you are at that point.  Also as an approach that should work without any need to publish the image to the platform (as it's a little tedious), please read this document:
How to embed images inside of a Design Studio App without uploading to server.
Or, if you do not want to go through the base-64 encoding, consider the addon I blogged about here:
Design Studio 1.2 SDK - An Image Component free of MIME Repository worries
The deployable version can be downloaded from this blog:
Design Studio 1.2/1.3 SDK - Design Studio Utility Pack
2. How can I change the background colour of a textbox-component?
You will have to write a CSS rule like this:
.testbox {
    background : #009966;
Then assign 'testbox' as the CSS Class to the text input box.
3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
Not sure how much control the delivered chart components would give you here.  Maybe one of the third party addons listed in this post could help?
List of Design Studio SDK Components