[SOLVED] AppStudio "Styles"/themes: Can we add our own/modify existing if possible?

I've never done this before your reasonable request, I just checked in Dev Studio and you can do this, but only for the Text Editor, so hopefully you can in App Studio as well.. For Dev Studio, Edit a file in the text editor. Click on View, then select Options. From here click on the Font/Color button. You can change the colours of many aspects of the editor.

Francis

Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server

Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005

Ignored post by Francis Mariani posted

Virtuoso

posted

Francis,

Thanks for your help! Should of poked around a bit more myself!

The options to modify your text editor foreground and background coloring schemes, etc. is nearly the same as in DevStudio, but now found under the Text Editor ribbon up top under the Options grouping. There's a Font Style button therein that gives you the ability to make these changes.

Thanks again for chiming in! This'll make things lots better! Appreciate your help!

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted

Squatch

Master

posted

You can also try changing your Windows theme.

On Windows 7, go to Control Panel -> Display -> Personalization, then scroll down until you see "Basic and High Contrast Themes." Pick one of the "High Contrast" themes that have a lot of black in them.

App Studio
WebFOCUS 8.1.05M
Windows, All Outputs

Posts: 594 | Location: Michigan | Registered: September 04, 2015

Ignored post by Squatch posted

Virtuoso

posted

Thanks for the idea Squatch! Those are a bit overkill for me, but thanks for the thought.

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted

Barry Solomon

Silver Member

posted

Hi CoolGuy

I did a presentation awhile back for Summit 2014 called the The Smart Control and starting on Page 38 you can see how to change the styling and you can copy the ibi style sheets and put them in the content folder with a different name. In App Studio click on the Embedded JavaScript/CSS and then click the radio button "Internal CSS" and you can write your CSS code there.

Thanks Barry

WebFOCUS 8
Windows, All Outputs

Posts: 34 | Registered: September 08, 2015

Ignored post by Barry Solomon posted

Virtuoso

posted

Barry,

Thanks for chiming in and for the insights on how we can style content controls. That will be nice to know in the future. This post though was actually in reference to AppStudio itself. How I can modify/add to the existing "Style" options found in the top-right dropdown that list 4 varying "Office 2007" themes one can customize their AppStudio interface to. This was mostly for styling the text editor styling, but it would be nice to also be able to customize the rest of the interfaces as well (i.e. panels, ribbons, canvases, etc.).

I do appreciate your post though.

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted

Don Garland

Guru

posted

Did you ever get an answer for this?

I am trying to find a way to add my own style sheet to style a Disabled button.

WebFOCUS Administrator @ Worldpay FIS
PROD/DEV/TEST: 8204, SANDBOX: 8206 soon - BIP, Reportcaster, Resource Manager, EUM, HyperStage soon, DB: HIVE,Oracle,MSSQL

Posts: 291 | Location: Greater Cincinnati | Registered: May 11, 2005

Ignored post by Don Garland posted

Virtuoso

posted

Are you trying to style a disabled button you've created in some content, or a disabled button within the AppStudio tooling itself?

If it's content, simply use the combination of F12 tools in Chrome to grab the button's ID or class name, and a -HTMLFORM BEGIN/END block near the end of your .fex file to style that element via CSS.

If it's AppStudio itself, no, I never did get beyond what's discussed above. Before VS Code, I used the "Black Style" for what it was worth, and inverted the text editor colors via the Options/Font Style dialog pop-up. I then saw the light, and moved away from AppStudio altogether and am using the highly-customizable VS Code. I use this extension in VS Code that gives me a lot of nice functionality.

Hope that helps.

This message has been edited. Last edited by: CoolGuy,

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted