Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Calendar doesn't switch view when pivoting on handset device

    SmartClient Version: v13.0p_2024-02-23/AllModules Development Only (built 2024-02-23)
    Safari on iOS 16.7.5 (iPhone 8)
    Safari on iOS 17 (Simulator - iPhone 15Pro)

    Hello, I need to develop a view with a Calendar to be used on mobile devices. So I'm trying the calendarMobileSample, but I don't see it switching view when I pivot it on a handset-sized device.

    Click image for larger version  Name:	2024-02-26 10.54.17.jpg Views:	0 Size:	88.0 KB ID:	271736

    Click image for larger version  Name:	2024-02-26 10.54.20.jpg Views:	0 Size:	82.2 KB ID:	271735

    I'm pretty sure that it was working in the past.
    Last edited by claudiobosticco; 26 Feb 2024, 04:34.

    #2
    hi Claudio,

    Thanks for the report - we've restored page-orientation behavior in Calendars for builds dated February 29 and later.

    Comment


      #3
      SmartClient Version: v13.0p_2024-02-29/AllModules Development Only (built 2024-02-29)

      Hello, now I see it's working, thank you very much.

      Another small glitch. The eventDialog is correctly maximized in the "quick" mode, but not when in "detail" mode:

      Click image for larger version

Name:	IMG_3945.PNG
Views:	190
Size:	148.2 KB
ID:	271749

      Click image for larger version

Name:	IMG_3946.PNG
Views:	190
Size:	48.3 KB
ID:	271750

      Comment


        #4
        We've made a few changes here - the eventEditor should now fill the view as expected on handsets, and both the eventDialog and eventEditor Windows are now children of the Calendar, which fixes an issue where showing the eventEditor and then changing example tabs in the Showcase would not hide the eventEditor.

        Please retest with a build dated March 12 or later.

        Comment


          #5
          SmartClient Version: v13.0p_2024-03-13/AllModules Development Only (built 2024-03-13)

          Hello, I can confirm these fixes:

          Originally posted by Isomorphic View Post
          We've made a few changes here - the eventEditor should now fill the view as expected on handsets
          but I'm not sure about this:

          Originally posted by Isomorphic View Post
          and both the eventDialog and eventEditor Windows are now children of the Calendar, which fixes an issue where showing the eventEditor and then changing example tabs in the Showcase would not hide the eventEditor.
          did you mean changing between tabs day, week, month? Or "view"/"js code"/etc ? In both cases, I don't see the eventEditor hiding.

          Also I've found another issue: after loading the sample, on the day view the eventEditor won't show up when touching a cell (neither when clicking on desktop), you have to change day, and then it will work.

          Comment


            #6
            hi Claudio,

            We meant that if you showed the detailed eventEditor in the simpleCalendar sample and then clicked the "simpleCalendar.js" tab, the eventEditor would not hide and the code window was obscured behind it. That should no longer happen.

            On your second point, that's just because you're looking at a Sunday and disableWeekends is set to true - if you set it to false, you won't see this behavior.
            Last edited by Isomorphic; 13 Mar 2024, 06:34.

            Comment


              #7
              Originally posted by Isomorphic View Post
              hi Claudio,

              We meant that if you showed the detailed eventEditor in the simpleCalendar sample and then clicked the "simpleCalendar.js" tab, the eventEditor would not hide and the code window was obscured behind it. That should no longer happen.
              now i see it, much better, thank you very much

              Originally posted by Isomorphic View Post
              On your second point, that's just because you're looking at a Sunday and disableWeekends is set to true - if you set it to false, you won't see this behavior.
              Thanks for the heads up, I didn't thought of disableWeekends, and in light skins the calendarDisabled style is similar to the calendar style.

              A small glitch for the date chooser font icon in the Shiva skin, the font-size seems too big:

              Click image for larger version

Name:	2024-03-13 15.39.28.jpg
Views:	189
Size:	4.9 KB
ID:	271830

              Comment


                #8
                Hi claudiobosticco,

                Originally posted by claudiobosticco View Post
                A small glitch for the date chooser font icon in the Shiva skin, the font-size seems too big:
                Exactly my words :)

                Best regards
                Blama

                Comment


                  #9
                  Thanks guys - for a number of reasons, we're actually going to be switching Shiva to use SVG versions of the skin media and that will address several issues like this with font-icons. We'll update here when that change happens.

                  Comment


                    #10
                    Hi Isomorphic,

                    that's great - SVG everything! So impressed with the seamlessness of the two new SVG samples.

                    Best regards
                    Blama

                    Comment


                      #11
                      SVG also for radio group!

                      Click image for larger version

Name:	2024-03-26 09.56.46.jpg
Views:	151
Size:	6.8 KB
ID:	271983

                      Comment


                        #12
                        And the checkboxes as well. Looking very smooth!

                        Comment


                          #13
                          As of tomorrow's builds, the Checkboxes will be filled green, with a white checkmark (rather than white with a green checkmark) - but we're making it easy to switch between such template SVG-sets.

                          Note that the icons in these two item-types now also have Error states - you can see them by setting showValueIconError to true on the CheckboxItem, and in the RadioGroupItem's checkboxItemProperties block. For example, replace the following two lines in the id=variousControls Showcase sample, and then run form1.getItem("checkbox" or "radioGroup").setErrors(["An error"]).

                          {name: "checkbox", title: "Checkbox", type: "checkbox", height: 25, showValueIconError: true},
                          {name: "radioGroup",title: "Radio Group", type: "radioGroup", checkboxItemProperties: { showValueIconError: true },
                          Last edited by Isomorphic; 26 Mar 2024, 02:33.

                          Comment


                            #14
                            very nice!
                            Attached Files

                            Comment


                              #15
                              even nicer :)

                              Click image for larger version

Name:	2024-03-28 13.48.17.jpg
Views:	96
Size:	4.4 KB
ID:	272027

                              Comment

                              Working...
                              X