TeamDesk Knowledge Base & Support

   Home      FAQ      Forum      Idea Exchange      Ask a Question      My Stuff      Help   
  
CSS Style sheet
We would like to use CSS Stylesheets on our application.

Like Matthew Porter in "Custom / Mobile / iPhone / PDA Interfaces" we need to customize our application without having to use hardcoded/calculated values.

This means we would need to be able to add/remove CSS classes to page elements. This would be done at application creation/modification and through Actions.

The ability to apply CSS would simplify form layout according Role, Actions, etc., hilight fields or error messages, etc.

What would be needed is the ability to specify the stylesheet address in * Forms creation/customization
* View/Report creation/customization (for more specific styles)

Thanks !
ID
338
Category
Customization
Author

Frédérik_Dussault
Date Created
6/3/2010 10:09:54 AM
Date Updated
7/16/2021 8:02:16 PM
Status
Implemented
Score
190
Promoted By
Andrew Hobbs-RaybasenineDesmond Beatty
Rick CogleyRiaan VerweyJeremy Morrison
Flavia CalhelhaFrédérik_Dussaultwalhhorn
Anatoliy ZachynskiyMichael RennertMatthew Porter
JérômeRyan Van Der VorsteTanya Powers
Kevin SmithAnnette ChamberlainAlfredo Bravo
John Elcik
Comments
John Elcik 3/27/2008 12:38:37 PM
These suggestions are for options in "branding" a site. They are of a low priority, but then they also might not be as hard to implement. I'll leave this to the experts.
1. Abilty to change site fonts.
1. Ability to change site background color.
1. Ability to choose secondary color for non-selected Tabs to complement the selected Tab color selection. Currently there are default selections only.
ca@showtimegolf.com 10/15/2008 11:20:50 AM
Add a logo too. Would give a better/more corporate feel to our employees
Kevin Smith 5/7/2009 8:17:05 PM
I'd love the ability to build (or choose from) themes that allow me to customize background, border, text, button, etc colors for my app. A good example of this is the current build of Zoho Creator.
walhhorn 4/13/2010 4:27:47 PM
It would be helpful if TeamDesk provided the ability to load custom CSS and JavaScript files in order to tweak the interface as necessary. Obviously, the subscriber would use this at their own risk.
Slava Shinderov  Staff  4/15/2010 7:05:23 AM
Merged with:
327 - Allow links to custom CSS and JavaScript files
Slava Shinderov  Staff  4/15/2010 7:21:09 AM
Merged with:
195 - Site Branding
Flavia Calhelha 6/3/2010 10:45:26 AM
I hope this gets implemented!
Frédérik_Dussault 2/15/2012 8:49:24 AM
Bumping the topic to everyone attention.

Anyone would be interested to use W3C standard and be able to easily manage how your application is looking?

Please promote this topic if you are interested.

Thanks
Rick Cogley 2/15/2012 7:59:18 PM
I would like this too, but I bet it is a non-trivial change.
Kirill Bondar  Staff  2/16/2012 2:41:11 AM
The change itself is trivial - add an option to the application to provide an URL to custom stylesheet, but what's next?

CSS rules are bound to the HTML page structure. As we are tweaking the page we are tweaking our rules too. With an addition of custom CSS file we won't be able to ensure whether we break custom rule or not.
Frédérik_Dussault 2/16/2012 9:07:06 AM
Thanks for the input, Kirill.

I envision what you mean and degree of complexity what I didn't when I sent the idea.

Would you like to discuss it with us?

I would suggest to use item name as CSS class. Eg.:

Item: Task table
CSS Class: tableTask

Item: Author (field)
CSS Class: fieldAuthor

Item: form section Client Information
CSS Class: sectionClientInformation

Thanks in advance
Kirill Bondar  Staff  2/16/2012 10:18:39 AM
This approach won't work as long as names are not in ASCII encoding.
Frédérik_Dussault 3/29/2012 8:28:14 AM
Please also merge with 338 - CSS Style sheet
Thanks
Frédérik_Dussault 3/29/2012 8:30:10 AM
The idea of 338 is get the ability to use CSS on our site. The actual post would meet our need.
Desmond Beatty 3/29/2012 8:31:52 AM
A simple initial resource would be to allow tab colors to be set via system "variables". This would allow quick "mass change" of all tabs of the same color. useful when copying and rebranding an app. eg variable PrimaryTabColor = #00600 and them in the specific tab color field [PrimaryTabColor].
basenine 5/7/2013 12:14:55 AM
This is a pretty old post but I was wondering that with the development of Bootstrap, whether the CCS might be easier implemented?

Easel offers a nice WYSIWYG editor:

https://www.easel.io

and the twitter bootstrap site:

http://twitter.github.io/bootstrap/customize.html

offers a customisable css export - I'm not sure if this helps with breaking custom rules as mentioned above…
Just thought I'd throw it out there for your opinion/advice.
Cheers
basenine 11/19/2013 3:53:42 AM
Would it be possible to play with fonts at least? With Safari, you can set an over riding css to make the page look cleaner.

I just altered mine to show all fonts as Helvetica and TD looks a lot clearer immediately.
There's also an extension called "Helvetica the World" for Safari that you can install more easily... and you can toggle between the two by unchecking "Enable".

It would be nice to have a list of Fonts that we can choose from (and add to using @font-face support).
basenine 12/9/2013 7:09:33 PM
I'd like to add to or (preferably) over ride the default colour scheme in TD.

Currently I use this website to get my colours for tables, views and sections etc:
http://www.colorcombos.com/combotester.html?color0=005B9A&color1=0191C8&color2=80B4C4&color3=CC6363&color4=F8A2A2&color5=D6D4CF&color6=B4B1AC&color7=8C8984&color8=81C58F&color9=8BC280&color10=E7C797

and I copy and paste the value into the appropriate spot.
I find the current schemed colours too over powering and 'Old Fashioned'.

This might work in with customised CSS idea CSS Style sheet {99}
rishi uttam 4/1/2015 9:41:53 PM
I know this is old post,

But you can use formula xhtml and change font sizes, and font names... this only works in forms as i know, and not table views.

Rishi
basenine 8/8/2016 7:14:29 AM
bump
Slava Shinderov  Staff  9/29/2016 4:55:46 AM
Customize database look by adding the file named dbstyles.css into database resources.
You'll have all the abilities to override any style defined by us.
https://www.teamdesk.net/blog/tips-tricks/customize-database-look/
basenine 9/29/2016 4:57:01 AM
Only AWESOME!
Thank you 😀
Slava Shinderov  Staff  11/11/2016 6:55:07 AM
Merged with:
261 - Themes & Color Customization
Slava Shinderov  Staff  11/11/2016 6:55:59 AM
Merged with:
702 - Choose/Create/Set Colour Scheme (and Fonts)
basenine 3/21/2017 10:07:45 PM
Hello all,

is there an easy way to determine the item you'd like styled independently from the standard. i.e. an easy way to find things like:

#td-top menu
#td-createnew
?
I would like to colorise ACTION buttons in the Preview, Table and Multi....preferably with a formula or id of button which determines which button I'd like with what color
Kirill Bondar  Staff  3/23/2017 6:51:28 AM
buttons (in fact most of them are links) have no ids, but you can try to highlight them based on URL they point to, a sort of:

a.ui-button[href*="/preview.aspx?t=222"] { background-color: red }
basenine 7/16/2021 8:02:16 PM
class="td-mark" is used for colorised fields in both the form and the view.
Can these be separated please.

In some applications I use
span.td-mark{
border-radius: 2px!important;
min-height: 20px;
width: 100%;
text-align: center;
padding-top: 10px !important;
margin-left: -2px!important;
color: #fff!important;
}

which looks great on a form record....but horrible in the Views header when that field is used for grouping
Suggested:
td-mark-form
td-mark-viewheader
Feedback
 
Back to Search Results