Hi,

I am wanting to do a few things with a Titled Border, can you tell me if any of the following are possible...

1) Set Font-Style of border Title to bold (or italic or whatever) without affecting the other items contains within the panel; I found that if I want to do this now then I set the Font-Style for the panel and then have to set each item within the panel to not be bold. It would be far better if there was a Title-Font-Style (and size/colour) property for the panel.

2) Change position of the border title, i.e. Title-Justification="Center" (or start/end or left/right)

3) Change the size of the space on the inside of the border to be larger or small; for some panels the borders tend to look to be too close to the panel content so it would be useful to have a Border-Margin property or something similar.

Thanks,

Craig.

asked 04 May '13, 06:41

Craig's gravatar image

Craig
1.1k130
accept rate: 6%

Hi Craig, One of my colleagues will give the exact answer to this question but I suspect what the asnwere might be and I just wanted to chip in really short. The answer will contain CSS file manipulation. Next, you will say you'd rather do these things inside Formspider without resorting to CSS. :-). Here is the thing though. If we keep following this path, we'd have to reinvent CSS in Formspider. :-). This is something we are trying to avoid. CSS, (albeit a problematic technology itself ), is de-facto standard for UI styling.

(04 May '13, 06:47) Yalim Gerger ♦♦

Replicating it in Formspider would be very time-consuming (CSS is very rich) and produce very little value to our customers. So, we have a very few attributes that help you style your fonts, background color etc...but anything more complex we leave the task to CSS, which is actually best practice in Web development.

(04 May '13, 06:49) Yalim Gerger ♦♦

Hi Yalim,

Thanks for your response; whilst I see where you are coming from and I know that CSS is a standard way to alter the visual appearance in web development, I do still think that for some of the basic things I've asked for above it would be nice if FS supported them directly; for really complex or unusal visual changes then I totally agree that this can be achieved by doing things in CSS.

After all, one of the big selling points about FS is that you only need to know PL/SQL, if you have to start delving into CSS for simple things like this then you really need to know CSS as well plus it also means you are stepping outside of the FS paradigm.

Based on the "just use CSS" argument then if one was a purest then you would not really allow font-sizes, styles or colours to be changed in FS at all, it would all be done from CSS and so if you are support some visual attributes then it makes sense to me to support a few more perhaps.

As it relates to setting the Font Style/Size of a border title, then I think this is certainly something that is lacking because setting the font at panel level sets everything the panel contains and it would be very common for a border title to be in bold whilst the items it contains would be plan.

One idea to help keep the "developer" inside the IDE might be to include a facility within the IDE that makes it easier to tweak certain aspects of the CSS or at least have CSS section on the left of the IDE that allow you to open the CSS script in an IDE tab just like you can for the UI XML.

Another thing that might be useful (if you can't do this already) it to be able to ship an application with multiple CSS's and then within the code provide an API to switch the CSS based on some user interaction or context; for example a user could choose their preferred "skin" or "theme" for an application or the application could change its look and feel based on which part of a business is using the application.

Also, some documentation for the FS CSS would also prove useful I think; just some basic info to help make alternations to it easier.

Thanks,

Craig.

(04 May '13, 07:25) Craig

Hi Craig,

Yes sure, I see your point and will definitely take it into consideration when we decide what to do in the next releases.

The difficulty is what part of CSS should be supported by FS is not obvious. There is no clear line we are trying to get to. Our customers and us are the ones drawing the line. So it is feedback like this that improves the CSS support in Formspider. In the past, we've added a few features to Formspider CSS support based on customer feedback (like the styleClass attribute).

(04 May '13, 07:41) Yalim Gerger ♦♦

By the way, you can ship an application with multiple CSS's and the users of the application can pick what they want on the fly or the developer can set it based on any criteria. There must be a thread in this forum showing how to implement this. I'll paste the link here when I find it.

(04 May '13, 07:41) Yalim Gerger ♦♦

Thanks Yalim.

I see the issue in terms of where to draw the line; I think just the basic visual appearance is as far as you need to go, if you can set the font-size of one element then you should be able to set the font-size of another element (the border Title).

Do all visual controls support the styleClass attrbiute?

(04 May '13, 07:53) Craig
showing 5 of 6 show 1 more comments

1) Not possible via IDE but can be achieved by css. If your panel's name is MyPanel, you should add this class to your custom css file:
#MyPanel.bdf-simplepanel-bordertitle{ font-weight: bold !important; }

To do this for all panels, just do the same without using panel name:
.bdf-simplepanel-bordertitle{ font-weight: bold !important; }

2,3) Not possible. Unfortunately these are hard coded in fs.

link

answered 04 May '13, 07:16

oskansavli's gravatar image

oskansavli ♦♦
3604
accept rate: 45%

Thanks for your response.

With 2 and 3 not being possible because they are hardcoded into FS, is this something that might be supported in the future (either in FS or via CSS)?

Thanks.

(04 May '13, 07:27) Craig

Sure it might be in the future but it's not the priority right now.
By the way you can check cellspacing attribute of tableLayout for 3)

(04 May '13, 07:34) oskansavli ♦♦

Thanks.

I've tried cellspacing already for a tableLayout but this does the external spacing whereas what I want is the internal spacing on the inside of a titled border.

(04 May '13, 07:43) Craig
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×1

Asked: 04 May '13, 06:41

Seen: 1,084 times

Last updated: 04 May '13, 07:53

Related questions


© Copyright Gerger 2017