How about a repository of Attribute Styles?

BLOMASKY

I have so many fields that I end up creating the SAME style for. I.e. Numeric fields, want them right justified. Money fields, want then right justified and if negative want the font to be RED. Wonder how hard it would be to be able to create a repository of named styles and when creating attributes in a BO, selecting one of them.

Bruce

BenHayat

BLOMASKY wrote
I have so many fields that I end up creating the SAME style for. I.e. Numeric fields, want them right justified. Money fields, want then right justified and if negative want the font to be RED. Wonder how hard it would be to be able to create a repository of named styles and when creating attributes in a BO, selecting one of them.
Bruce

Magic had some of these nice features. Perhaps you list those features for support for V8.1. 🙂

johntalbott

A custom CSS file will globally do what you are looking for.

BLOMASKY

The problem with the custom CSS file is that its not conditional. I.e. having negative #s red and positive black. etc. Or can I do that in CSS?

Bruce

johntalbott

You are correct that CSS doesn't support conditions on it's own. That would have to be handled by adding or removing CSS classes using Javascript and JQuery.

As an example, you could have global function in a custom JS file that can be called as needed based on some UI event or EXEC_SCRIPT should work as well. I'm showing as a button click for illustration purposes.

 ****Render Script of your queries, forms or whatever****

$( "mybutton" ).click(function() {
      var myElements = $("widgetid").find("elementtocheck");
      colorMyNumbers (myElements);
});

*****Function in custom JS file*****

function colorMyNumbers( myElements ) {
     

$ ("myElements ").each(function() {

      if ($(this).value() < 0 ) {
           $(this).addClass("negative-number-class").removeClass("positive-number-class");
      } else {
           $(this).removeClass("negative-number-class").addClass("positive-number-class");
      }
 }
}

 ****Custom classes in custom CSS file****

.negative-number-class { 
        color: red;
}

.positive-number-class { 
        color: black;
}