Kalender Fenster von Termin ändern

Moin,

Einträge zu "#calendar-event-summary-dialog " bewirken bei mir keine Veränderungen. Mit den Einträgen:

window#calendar-event-window,  dialog#calendar-event-dialog, #calendar-event-dialog-inner
{
appearance: none !important;
/*border: 3px solid coral !important;*/
background-color: rgb(112, 112, 112) !important;	/* dunkelgrau */
border: 2px solid rgb(206, 206, 206) !important;	/* hellgrau */
}
#event-grid {

appearance: none !important;
background-color: rgb(207,197,118) !important;		/* gelb */
}

#FormatToolbox
{
appearance: none !important;
background-color: rgb(152,179,149) !important;     /* grün */
}

kann ich das Fenster so verändern:

Beste Grüße

FloBob

Die Fenster werden inzwischen über (x)html gebaut. Einträge die mit window oder dialog anfangen funktionieren daher nicht mehr.

Habe #window und #dialog weggelassen, führt zum gleichen Ergebnis.

Das ist doch genau das, was in #22 definiert wird!? Was ist daran falsch? Oder ich hab irgendwas mißverstanden...

Korrekt, so habe ich es eigentlich auch gemacht. Aber, ob mit oder ohne, Ergebnis gleich.

Zitat von FloBob

Aber, ob mit oder ohne

Mit oder ohne was???

Mit oder ohne window, dialog

window#calendar-event-window,  dialog#calendar-event-dialog, #calendar-event-dialog-inner

oder

#calendar-event-window,  #calendar-event-dialog, #calendar-event-dialog-inner

beide Einträge führen zum gleichen Ergebnis s. #24

Das liegt daran, das nur

#calendar-event-dialog-inner

notwendig ist.

Nicht ganz, um einen kompletten Rahmen um das Fenster zu erhalten, wird die ID '#calendar-event-window' benötigt. Sie funzt übrigens auch dann, wenn man ein 'window' davor setzt.

Mit diesen Statements

#calendar-event-dialog-inner, #calendar-event-window
{
appearance: none !important;
background-color: rgb(59,95,200) !important;	/* blau */
border: 6px solid rgb(255,81,15) !important;	/* rot */   
}
#event-grid 
{
appearance: none !important;
background-color: rgb(207,197,0) !important;		/* gelb */   
}
#FormatToolbox  {
background-color: rgb(112, 112, 112) !important;     /* dunkelgrau */    
}

erreiche ich die im Bild ersichtlichen Änderungen im Aussehen des Termin-Editors:

(Die Farben verwende ich natürlich nicht tatsächlich, sondern nur wegen der besseren Veranschaulichung )

Gruß

FloBob

FloBob

Hallo FloBob,

ich habe gerade bei mir gesehen das beim Neue Aufgaben-Fenster der untere Hintergrund ( in Beitrag #31 blau ) nicht geändert ist. Der obere Hintergrund und die graue Tool-Leiste sind durch den Code für das Termin-Fenster übernommen worden.

Wenn du den unteren Hintergrund im Aufgaben-Fenster passend zum Termin-Fenster anpassen willst versuche mal diesen Code:

#calendar-task-dialog-inner, #calendar-task-window {

appearance: none ! important;

background-color: rgb(59,95,200) ! important; /* blau */

border: 6px solid rgb(255,81,15) ! important; /* rot */

}

Gruß

Markus

Hallo Markus,

bei mir funzt diese Einstellung leider nicht. Ich bin aber ganz zufrieden mit meinem Ergebnis, wenn mir aber jemand noch einen Tipp geben könnte, wie man den Hintergrund der Textboxen und die Höhe des Editiorfensters beeinflussen kann, würde ich mich freuen.

Ansonsten nochmals allen vielen Dank für die Hilfe.

Beste Grüße

FloBob

Super,

funzt perfekt!

Gruß

FloBob