Quickbase-Kalenderbericht - Einfärben von Balken

Question

Im QuickBase-Kalenderbericht - markieren Sie einen blauen Balken für die Dauer der Zeit. Dies ist die .ITME-Klasse. Was ich hoffe, ist, die .itme-Klasse auf den gleichen Stil zu ändern, mit Ausnahme einer anderen Farbe. Momentan kann ich meine Klasse nach Bedarf ändern, aber ich kann keinen CSS-Farbstil hochladen, um meine neue Klasse zu unterstützen. Bitte sehen Sie meine neueste im Code.

If(IsNull([Task Name])," ", [Task Name]="Vacation", "<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript: var my_css_class = { backgroundColor : 'red', color : '#fff' };$('.itme').attr('class','my_css_class');\">Apple") 

Answer 1

Das class Attribut erwartet einen Klassennamen, die so in <style></style> Tags definiert ist vorbei die Definition direkt irgendeine Art von Fehler verursachen wird. Sie könnten versuchen, einen neuen Satz von Style-Tags in das Dokument mit Ihrer Klasse Anhänge definiert wie:

<style>.my_css_class{background-color:red;color:#fff}</style> 

Ich glaube nicht, dass in diesem Fall funktionieren wird, weil die vorhandene .itme Klasse Farbgestaltung als Teil davon hat und Ich bin mir nicht sicher, wie der Browser in Konflikt stehende Klassen löst. Sie möchten wahrscheinlich .itme nicht komplett ersetzen, da es viele andere Styling-Informationen wie Größe und Ränder hat. Stattdessen schlage ich vor, dass Sie Ihr Design direkt in das Attribut style einfügen, da es die Klasse ersetzt, in der sie kollidieren. Probieren Sie etwas wie folgt aus:

If(IsNull([Task Name])," ", [Task Name]="Vacation", "<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript: $('.itme').attr('style','background-color:red;color:#fff');\">Apple") 

Ich bin nicht sicher, was „Apple“ hier für Sie tut, aber ich habe es in keiner-the-less.