Design Studio Desktop Template CSS file

Hi Everyone,
I see few good addition in Template for Desktop with the release of 1.3. I wanted to use one of the template to create dashboard and publish it to BI Lauch Pad, which will require to upload the CSS file as well to view in portal.
Does anyone know where can we find CSS for template which is NEW_DESIGN_FONT.css
Thanks,
Rajan

Rajan,
If you are referring to the icons for bookmark, settings etc. they are really not images, they are just text which uses the SAP-ICON fonts. If you look in the CSS file for the bookmark CSS code you will see that it uses SAP-icons as the font.
.ICON_BOOKMARK:before {
font-size: 22px;
font-family: 'SAP-icons';
content: "\e19b";
speak: none;
If you copy the 2 files SAP-icons.EOT and SAP-icons.ttf from the same folder mentioned above to your application folder and use the same CSS classes in your application you will be able to get those icons.
Deepu

Similar Messages

Naming convention in template css file

Is there a specific reason for having the theme "name" hardcoded in many css definitions ?
For example consider the css for the rows in a report:
In the css files for each theme it is defined in a different way:
Theme1: td.t1data
Theme2: td.t2data
Theme3: td.t3data
...Overriding these values and manipulating the styles using Javascript gets a bit cumbersome if it should work across themes.
Are there any naming conflicts or is it just for historic reasons that don't apply anymore in the 2.0 release?
In other words, would it be safe to use just td.data in new templates or will I run into problems doing this?
Thanks,
~Dietmar.

Hi Carl,
thanks for the clarification. I had figured that you had a good reason to do so.
It's a tradeoff, either approach has pros and cons.
Most likely we will stick with that type of naming convention, but we'll look into it again.I would like to throw in an idea. You can add multiple css classes to an html tag, e.g.
<td class="t12data data">The css for the class data would be empty.
This way we could have both, different class names for different themes, but also having the elements "tagged" the same way so that the javascript should work.
Haven't thought it out, it just came to my mind. You might consider it.
And yes using td.data should be just fineI guess I will go down that route.
I will create only a single theme and then use multiple css style sheets to modify the look and feel.
This way I can switch the theme on the fly by switching style sheets only.
Javascript modifications will work since the css class names are the same.
All customized region templates will only have to be created once (and not for all themes).
Thanks and a Happy New Year,
~Dietmar.

Design Studio Client 1.4 SP00 doesnot shows the backend connections

hello everyone,
i am using Design Studio Client 1.4 SP00, in the local mode I am trying to connect BW system but selection screen I am unable see the list of BW connection available in SAP Logon pad, please see the attached screenshot.
I have uninstalled and installed again but still have same issue.
Anyone have ever faced this problem, could you please help
Regards,
Ganesh

Hi Tommy - thank you very mach, it works,
If the saplogon.ini file is stored in a virtual SAP GUI application, for example, and not on your PC, then Design Studio cannot find the file or display SAP NetWeaver BW connections in the design tool, So for displaying BW connections following command should be copied in SapDesignStudio.ini before the -vmargs command.
-aadSaplogoniniPath
<saplogon.ini file path in your local machine>
Regards,
Ganesh

Unable to embed External CSS file, dropdown list,filter panel and dimension filter are not working in SAP Design Studio Tool

Hello Everyone,
I am new to SAP Design Studio. I am working on creating dashboards and I am using Design Studio 1.2 version. Please suggest some solutions for the following issues. Thanks in Advance.
1. External CSS file which is embeded using custom CSS option under "application component properties" is not working.
* I kept the external CSS file inside repository-> my application folder.
2. During runtime, getting javascript error while selecting '-' option from filter panel.
3. Unable to select or type dimension name under "dimension filer component" properties.
4. Getting runtime error for dropdown list, and I have inserted the following code under "onStartup" option of Application component properties.
"DROPDOWN_1.setItems(DS_1.getMemberList("PRODUCTREF", MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 20));
and dimension values are not populated in auto suggest."

There should be an Error Log under View > Error Log that gives you more details of these errors. Could you add that? There is also a View > Script Problems log that provides more details as well.

Design Studio 1.3 Adhoc Template

I am having trouble displaying the new 1.3 adhoc template properly when using BI Platform startup mode. The template works fine when startup is set for local. Do I need to to have the css file saved on the bi platform for this to work properly.
Any help would be appreciated.

Hi,
I fount the 3 files under the folder
"C:\Program Files\SAP BusinessObjects\Design Studio\plugins\com.sap.ip.bi.zen.content_13.0.3.201405141058\templates\Desktop\TEMPLATE_ADHOC_ANALYSIS"
But I don't know how and where to upload them to the server???
When I try to build a new app from a template, I get error messages like:
"MIME object "ADGPC05ZUOFDPFAAIRP01_Q/NEW_DESIGN_FONT.css" does not exist"
Please help
Shlomi

Design Studio working for ipad,iphone, and desktop

Hello All,
I'm new to the SAP design studio world. My first task that has been assigned to me is to see what is the capability of Design Studio to have a singular file and have the CSS be reflective of Iphone,Ipad and Desktop.
1) Is this even possible? There is very limited document out there discussing in depth about design studio
2) If possible what has to be done to be able to get something like this to work?
3) I guess if all is good how maintainable is something like this.
I understand design studio is still pretty new and a lot of people are still using Dashboard Design, but any insight on this would be very helpful.
Thanks,
Scottie

Hi Scottie,
in addition to the valid information from Tammy, you cna refer to the PAM for supported devices. in Mobile area thesupported way is to use SAP BI Mobile as entry point.
to your question, you can create the application once and then open on desktop or iPad. I would be carefully with iPhone, as this is small device and not all components are supported (see documentation).
Also, it is today a bit tricky to change the CSS based on the device - there will be a better way in 1.4 release as there it will be possible to get the client header sring in BIAL scripts. and by that you can assign different CSS classes to the components.
welcome to Design Studio!
Regards, Karol

Conversion to Design Studio templates

Hi experts,
We are in the pre-study phase for the conversion of all 3.x BEx web templates (serveral hundreds of them) to either 7.x or BO e.g. Design Studio. Right now we are a bit concern regarding the gaps between 3.x and Design Studio at the moment, especially the RRI, bookmarking, personalization, broadcasting and so on. The question are:
If we choose to convert the 3.x templates to Design studio now, do we need to redo all the Design Studio templates again when these features are available at a later time? Or can the upcoming features be easily incorporated in the existing templates, for example, just mark the context menu options for RRI or personalization etc, just like the WAD does for all the underlying BEx queries?
Design Studio can access data from universe, from HANA and BEx query. Is it possible (maybe in the near future) to be able to change data source on which the query is based on just like the feature in WEBI? If so, the Design Studio templates are reusable, that is, no need to recreate templates again in the future in case there will be some major underlying data flows rebuilds from BW to HANA.
Thanks.

Zabrina:
I don't think we have enough details from SAP yet to answer your conversion questions
Per the latest roadmap this is not in the next release:
https://websmp110.sap-ag.de/~sapidb/011000358700000390622012D.pdf
I recommend creating ideas for this on Idea Place on conversions
SAP BusinessObjects Design Studio: Home

Call browser based css file in Design Manager master page

I created a sharepoint 2013 master page from design manager and now i want to add a reference file to call a css file when the site is opened in internet explorer 8,i called the css file in my master page as below

but when i open the site in internet explorer 8 ,i does not load the above css file,can anyone point me to the right direction how i should call the css file for certain browser like internet explorer 8 in master page which is created through design manager

Check if below helps
http://jussionsharepoint.com/targeting-multiple-browsers-and-devices-in-sharepoint-2013-using-device-channels/

Template page doesn't update the css file location

I've been using Dreamweaver for years; been using templates for years but can't figure why this now happening.
I create a new page from a template (that I've used for years) and everything on the page (including image and other links) is fine and updates properly; Links to css files do NOT update.
The relevant template code is as follows:
@import url(../p7pm/p7pmh13.css);
@import url(../tourstyles/tour2fluid.css);
The page code is as follows:
@import url(file:///D|/Wine Tour/p7pm/p7pmh13.css);
@import url(file:///D|/Wine Tour/tourstyles/tour2fluid.css);
I've switched the links relative from document to site root and back again with no joy.
Sure would appreciate a pointer on how to fix this. Thanks.

It looks as though the site definition is wrong. Have you fallen foul of the problem with the latest versions of Windows not registering the site root folder correctly? See http://forums.adobe.com/thread/478327.

How should css files be organized with fluid design?

Whenever you create a new page with fluid design in DW CC, it asks to create an associated .css file. Can this file be the same for all pages, or do you need to create a special page corresponding with each .html file and then have a separate overall style sheet file for the non-fluid elements?

Whenever you create a new page with fluid design in DW CC, it asks to create an associated .css file. Can this file be the same for all pages
Yes.
do you need to create a special page corresponding with each .html file and then have a separate overall style sheet file for the non-fluid elements?
Page-specific CSS is often best embedded in the head region of the page.

File Extension of Design Studio

I would like to know the file extension of Design studio.
Ramesh

Hi Ramesh,
It makes no sense to mark any other than the correct answer just to close the question.
After that click, your question is marked as "answered", the correct answer moves upwards, and is displayed direct under your question, so anybody can see the correct answer at first glance.
In this case you should have marked Mustafas answer as correct not yours.
Regards,
Steffen

I want to know swan-desktop-2_3_3-en_ie-6-windows.css file

hi, all
BIP Running <xmlpserver\cabo\styles\cache\swan-desktop-2_3_3-en_ie-6-windows.css> file is automatically generated.
I want to know that created based on some files
thank you.

Yup. Install them in two separate locations, then create a separate profile for each. See [[Managing profiles]]

Starter Templates Not Creating CSS Files

I'm using the About Page starter template. It asks me to save the About Page.css file, which I do, and then it asks me to name the new page, which I do, then it asks me to copy the dependent files, including the About Page.css file, which I do. The next box that pops up tells me that there is no About Page.css file and when the template opens it is only partially styled. I tried renaming the file and/or saving it somewhere else but nothing works. I tried the blog template and get the same result with the blog css file missing.
Why is this happening and how can I fix it?
Kim

Thanks for your help but it's really not worth the effort.
I have a county government website running fine with the current set up. Local files on my file server and remote files on the web server. It's been working great for years.
I wanted to try out the new starter templates just to see how they operate. They simply refuse to create that one css file. All the other dependent files are created and stored where I indicate. Only the one file is missing on each template. It's not the end of the world. I just thought I was overlooking something.
Thanks again.

Jquery mobile - how to create multiple CSS files?

I've been researching this heavily, and can't seem to find anyone discuss this. I'm a CS4 user, and understand 5.5 now includes builtin support for jquery mobile. I've watched the videos on how you set the sizes for phone, tablet, desktop, point each to the appropriate CSS file. Great, wonderful.
However, nobody is discussing how you get the three separate CSS files! I want to add a mobile version of an existing site. I have just the one .css file. How do I make the other 2 .css files? Do I duplicate the desktop file, and start somehow altering each item? Is there some type of automatic system to tweak the main .css file?
Seems like this step is critical. Any insights?

I built this page with CSS Media Queries. If you resize viewport to less than 480px, it changes layouts.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
I made the Desktop.css first.
http://alt-web.com/Styles/Desktop.css
Then I removed the Desktop.css link from my HTML document and replaced it with the iphone.css link.
http://alt-web.com/Styles/iphone.css
After fine tuning the iphone layout, I re-attached the desktop.css link and added the following code to the head of my document.
<meta name="viewport" content="user-scalable=no, width=device-width" />
<link href="../Styles/Desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px)" />
<link rel="stylesheet" type="text/css" href="../Styles/iphone.css" media="only screen and (min-width: 0px) and (max-width: 480px)"/>


Do you have to literally go in and manually change the wraps, floats, whatever for everything?
Yes. If you examine the comments in my iphone.css code, you'll see I changed some things to display:none, float:none, etc...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Problems with changings within Design Studio Report published on BI Mobile App

Hello BI Mobile Experts,
At the moment we are setting up a prototyp for BI Mobile reporting with SAP Business Objects Mobile and the BI Mobile App.
We created a report with Design Studio and published this report without problems within the Mobile Category. This Report was displayed correctly on iPads we are working with.
This week we made some changings within the report (new Crosstab, changings within css file). Unfortunatelly this changings were not displayed within the Mobile App. When we run the report local on the desktop within Design Studio everything works fine and is displayed correctly. It seems like the iPad is caching the report and doesn't get the new definitions, because after uninstalling the complete app from the iPad and installing it again, the report is displayed correctly.
Does anybody of you have same issues and is knowing how to solve that?
Thank you and best regards,
Gerardo

Hi Emre
I recall when I installed DS on our BI 4.1 SP2 system, the Analysis Application Service is not added to the Adaptive Processing Server (APS) automatically, I had to manually include the service into the APS for it to work correctly.
To make the dashboards visible to the BI Mobile applications, you must assign the category "Mobile" to the dashboards.
Regards
Derek

Design Studio Desktop Template CSS file

Similar Messages

Maybe you are looking for