Calendar lost all css applied when I resize the browser screen

  1. #1

    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)

    Click image for larger version. 

Name:	Calendar before.png 
Views:	121 
Size:	29.0 KB 
ID:	24757

    This is the final state of screen. (after resizing)

    Click image for larger version. 

Name:	Calendar.png 
Views:	147 
Size:	28.2 KB 
ID:	24756

    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.

Similar Threads

  1. [CLOSED] Window resize according screen resolution
    By matrixwebtech in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 17, 2014, 2:33 PM
  2. Replies: 2
    Last Post: May 07, 2014, 6:51 AM
  3. Replies: 1
    Last Post: Oct 02, 2013, 11:19 PM
  4. Loading screen during window resize
    By adipoaca in forum 1.x Help
    Replies: 1
    Last Post: Nov 24, 2011, 12:39 PM
  5. GridPanel doesn't resize with browser
    By jimlahey in forum 1.x Help
    Replies: 1
    Last Post: Aug 18, 2011, 2:58 AM

Tags for this Thread

Posting Permissions