• Resolved Greendroid

    (@greendroid)


    Hi,
    thanks for the great plugin and the possibility to change the layout and the behaviour according to our needs.

    Unfortunately I need help with a few things:

    • Is it possible to combine appointments which are going across days to one bar which is going across the days in the Month-View?
    • In my month-view, I have deleted the background color of the day-headers via CSS. Unfortunately the right-bar next to Sunday is missing now. I cannot find the appropriate CSS object to set it manually.
    • If I am hovering the button for “Next month” or “Previous month” the mouse cursor is showing a vertical double-arrow instead of the normal cursor icon. Can this be changed?
    • Is it possible to disable the complete border around the calender, but keep the inner borders? I cannot find the appropriate CSS object for it.

    In the mobile list view I would like to change the following:

    • The selection box of the month shall be smaller and the free space on the left side shall be used to display also the “Previous month” link as in the Desktop-Month view.
    • If the appointment has an additional description, in the mobile view also the title and the time are shown below the title again. Then the title and the time are doubled.

    Can anyone help by solving these points?
    Thanks and best regards
    Greendroid

    • This topic was modified 3 years, 9 months ago by Greendroid.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author room34

    (@room34)

    To answer these questions in order:

    • It is NOT possible to combine events across multiple days, unfortunately. I’m working on doing this for list view (which is complicated enough in itself) but I don’t really see it being viable for month view due to the way HTML tables are built. Suffice to say, if it were possible it would require a massive restructuring of how the plugin currently functions.
    • I’m not noticing issues with the appearance of Sunday on your page; it’s possible it’s a browser-specific issue. What browser and OS are you using?
    • The cursors on those should be left/right arrows. But you can change them using the cursor CSS property on those elements.
    • This would be more of a general CSS question for table elements. Short answer is, yes it can be done but CSS does not make this particular thing very easy. It would be something like this: td:first-child { border-left: none; } td:last-child { border-right: none; } tr:first-child > th { border-top: none; } tr:last-child > td { border-bottom: none; } but you may need to use more specific selectors than that. Unfortunately like I said this is a CSS question, not a plugin-specific question.
    • It looks like you’ve made some CSS changes in the mobile view that are causing the month select dropdown to cover the “previous month” link. I would recommend that you first work on the necessary CSS changes to center the dropdown and give it a fixed width, then move it up.
    • You can probably address this issue with this CSS: .ics-calendar .hover_block .title_in_hover_block, .ics-calendar .hover_block .time_in_hover_block { display: none !important; }
    Thread Starter Greendroid

    (@greendroid)

    Hi,
    thanks for your quick response. Let me answer the same way:

    • Multiple Day Events: Ok, thanks. Was just an idea to further “beautify” the month view ??
    • Sunday Border: You are right. I have checked with MS Edge and the Sunday table is looking fine. I am using the latest Firefox without any custom theme or so. There the right border of the sunday table box is missing. But whatever, seems to be a displaying issue for me.
    • Cursor: Thanks for the CSS-trick. I thought that this was occuring by mistake. I have changed it for me.
    • Border hide: Thanks for the effort. We will try to investigate further with the help of your code example.
    • MobileView Hided PrevMonth: I have removed all my custom CSS and it is now not hiding the button. I will try to fix this by some CSS as you have recommended.
      I have used now the following code:

      
      .ics-calendar-select
      {
          font-size: 100%;
          padding: 0px;
          min-width: 150px;
          max-width: 150px;
          width: 150px;
      }
      
      .ics-calendar.monthnav-compact .ics-calendar-select 
      {
          display: block;
          transform: none;
          left: 0px;
          margin-left: auto;
          margin-right: auto;
      }
      
    • MobileView Doubled Date/Time: Thanks for the CSS snippet. It is working fine now!

    Thanks for your help. These, perhaps stupid, questions are popping up when an embedded μC developer tries to work on an webpage… Sorry ??

    Best regards
    Greendroid

    • This reply was modified 3 years, 9 months ago by Greendroid.
    • This reply was modified 3 years, 9 months ago by Greendroid.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Layout-Changes’ is closed to new replies.