Sep 26, 2016, 8:14 PM
Calendar lost all css applied when I resize the browser screen
Calendar lose all css applied when I changed the screen size of navigator.
this is the first State of screen. (before resizing)
This is the final state of screen. (after resizing)
All the events are now + 1 more
this is the first State of screen. (before resizing)
This is the final state of screen. (after resizing)
All the events are now + 1 more
<ext:Viewport runat="server" Layout="Border">
<Items>
<ext:Panel
ID="Panel"
runat="server"
Title="Cronograma Manutenção"
Layout="Border"
Region="Center"
Cls="app-center">
<Items>
<ext:CalendarPanel
ID="CalendarPanel"
IDMode="Static"
runat="server"
Draggable="false"
AutoScroll="true"
TodayText="Hoje"
Enabled="false"
ShowDayView="false"
ShowWeekView="false"
ButtonAlign="Center"
MonthText="Novembro / 2016"
Region="Center"
ActiveIndex="2"
Border="false">
<EventStore runat="server" ID="eventStore">
</EventStore>
<MonthView
runat="server"
ShowHeader="true"
ID="monthId"
Draggable="false"
IDMode="Static"
ShowWeekLinks="false"
ShowWeekNumbers="false"
AutoScroll="true"
ShowTodayText="false"
Flex="2"
AnimateShadow="false"
EnableFx="false">
<Listeners>
<EventsRendered Fn="mudaCor"></EventsRendered>
</Listeners>
</MonthView>
<Listeners>
<ViewChange Fn="changeView" />
</Listeners>
</ext:CalendarPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
var mudaCor = function () {
// App.direct.carregarDadosEventos();
var classeCor = "";
Ext.select("div[class*='mudaCor']").each(function (r) {
var classe = r.dom.className;
var id = r.dom.id;
if (classe.length <= 16) {
r.dom.parentElement.classList.add(classe);
Ext.select("td[id*='CalendarPanel-month-day-" + id + "']").each(function (t) {
t.dom.classList.add(classe);
});
Ext.select("td[id*='CalendarPanel-month-ev-day-" + id + "']").each(function (r) {
var idComTracos = id.substr(0, 4) + "-" + id.substr(4, 2) + "-" + id.substr(6, 2);
var imgLupa = Ext.select('#imagem_' + idComTracos).elements[0];
var diaAtual = r.dom.textContent;
var imagemFormatada = '<div style="padding-right:5px;"><img src="' + imgLupa.src + '" style="float:left;" class="' + imgLupa.className + '" onclick="' +
imgLupa.onclick.toString().replace('function onclick(event) {', '').replace('}', '').replace('display:none;', '')
.replace(/\n/g, '').replace(/"/g, '\'') + '" /> ' + diaAtual + '</div>';
r.update(imagemFormatada);
});
}
});
}
What can I do to the screen back to the first state ?
Last edited by miltonfoti; Sep 27, 2016 at 12:02 PM.