interaction design – Is it wrong to have a “loading” spinner wheel in bottom right corner?

As a commenter said, the spinner is appropriate while the system is processing the request or working to delete the list, because the user expects feedback after taking an action.

The issue with placing it in the bottom right side of the dialog window is that 1) it’s not a common place for a user to look to receive feedback, and 2) the buttons are presumably still both active (the user might want to click on them to try to cancel the action.)

Consider changing the buttons to “Delete” and “Cancel” to make it really clear to the user what they’re going to do. “Cancel” should close the window (the user really should never see a spinner). When “Delete” is clicked, both buttons should become disabled; a spinner is OK if the deletion only lasts a couple of seconds (for longer deletions, use a progress bar). Position the spinner either in the middle of the screen, or on the “Delete” button itself.

Consider the lower half of a 5×5 square diagonal from the lower left corner A to upper right corner B. number of ways from A To B without diagonal.

Refer this image for exact question

How to find the number of ways to reach B from A where we are only allowed to move up or right and not use any part of diagonal?

Is there a way to disable the Facebook in-browser notifications (in the bottom left corner of the screen) (image attached)?

Is there a way to disable the in-browser facebook notifications?

They seem to get queued in all open browser tabs. Meaning if I have multiple open facebook tabs, I will see the same notification in each (even if I dismiss them in one). Which is rather annoying.

annoying facebook notifications

geometry – Q: How to smooth out a corner line in a piecewise function of 2 variables?

Let begin{equation}h(x,y)= begin{cases} 0, x leq 0 \ x(10-5y), x>0 end{cases}end{equation} be a piecewise smooth funcion, that is continuous everywhere, and smooth everywhere except at $(0,y)$.

My idea is to smooth out this “corner line” possibly by extracting a small domain around it, a stripe of width $2delta$, for $delta$ small but positive, and replace this with a function $g$ such that $f$ and $g$ can be glued together into a new function $H$ that is everywhere smooth.

It seems that all similar questions concern single variable functions, so this one seems trickier to me.

Thank you in advance!

Mixing rounded corner rectangle with circle on design?

I am working on a project.
The client branding contains these 2 design elements, round corner square and circle shape.
If we are not looking on the branding, is it fine to mix this 2 together?

How to block facebook in-page popup notifications in lower left corner?

Facebook is displaying annoying pop ups within the browser page – see the following screenshot, lower left corner:

enter image description here

How do I stop these? I have blocked facebook notifications in Chrome, so I guess this is not this kind of notification. This is probably directly in the Facebook html page, right? So probably the solution lies somewhere in the Facebook setting?

Note that I don’t want to disable these notifications completely, I want to have them available in the notifications “mailbox”.

I tried to go to https://www.facebook.com/settings?tab=notifications but I don’t see any corresponding setting there:

enter image description here

html – [CSS Challenge]: Creating a resizable textbox that can stretch vertically and horizontally without warping corner elements

I am creating a resizable textbox that can stretch vertically and horizontally without warping graphical corner elements. To do so, I am using three vertical sections (top, center, bottom) and three horizontal sections (left, middle, right) within the top and bottom vertical sections. This way, the ‘top-middle’ and ‘bottom-middle’ sections can stretch horizontally and the center section can stretch vertically, while the corner sections (top-left, top-right, bottom-left..) stay the same width and height to avoid warping.

The problem is: positioning elements so that they line up with one another. Specifically, I seem to be getting some cut-off on the right sides of my corner elements.

Here is the HTML:

<div className='textbox-container'>
  <div className='top-block'>
    <div className='left-block' />
    <div className='middle-block'>
      <p>
        Top Block
      </p>
    </div>
    <div className='right-block' />
  </div>
  
  <div className='center-block'>
    <p>
      Center Block
    </p>
  </div>
  
  <div className='bottom-block'>
    <div className='left-block' />
    <div className='middle-block'>
      <p>
        Bottom Block
      </p>
    </div>
    <div className='right-block' />
  </div>
</div>

And here is the CSS I am using:

.textbox-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 75%;
    margin: 0 auto;
  }

  .top-block {
    display: inline-flex;
    flex-direction: row;
    float: left;
    width: 100%;
    height: 80px;
    margin:0 auto;
    margin-top: 10vh;
  }

  .top-block .left-block {
    background-image: url('/src/images/Textbox-Top-Left.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 80px;
    margin:0 auto;
  }

  .top-block .middle-block {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: right;
    vertical-align: middle;
    background-image: url('/src/images/Textbox-Top-Middle.png');
    color: #fff;
    margin:0 auto;
  }
  
  .top-block .right-block {
    float:right;
    background-image: url('/src/images/Textbox-Top-Right.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 80px;
    margin:0 auto;
  }

  .center-block {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 800px;
    background-image: url('/src/images/Textbox-Center.png');
    background-repeat: repeat-y;
    background-size: contain;
    margin: 0;
  }

  .bottom-block {
    display: inline-flex;
    flex-direction: row;
    float: left;
    width: 100%;
    height: 80px;
    margin-bottom: 20vh;
  }

  /* Close but no cigar with magic numbers in bot sections: */
  .bottom-block .left-block {
    width: 220px;
    height: 80px;
    background-image: url('/src/images/Textbox-Bottom-Left.png')
  }

  .bottom-block .middle-block {
    width: 100%;
    line-height: 80px;
    text-align: right;
    padding-right: 5vw;
    vertical-align: middle;
    height: 80px;
    background-image: url('/src/images/Textbox-Bottom-Middle.png');
    color: #fff;
    margin: none;
  }

  .bottom-block .right-block {
    float:right;
    width: 220px;
    height: 80px;
    background-image: url('/src/images/Textbox-Bottom-Right.png')
  }

Fiddle (currently not working):
https://jsfiddle.net/edmundw/6xku4qwa/6/

Fiddle collaborate invite:
https://jsfiddle.net/edmundw/6xku4qwa/4/#&togetherjs=4VMz2rGNAo

Any solutions would be greatly appreciated as I am stumped.

Many thanks for reading this far,

Betty.

navigation – Edit button in top right corner of screen

I’m currently working on a “details” page for a specific item that is editable. The question is, when you have finished editing the details of the item, would it be more user friendly to put the save button where the “edit” button was (top right of the screen) or have the save button in a more traditional location such as at the bottom of the screen below the details? I have included pictures below.

enter image description here

How to inset Text at the top left corner in Graphics3D?

So i have the following codes:

Graphics3D[{
  Sphere[{0, 0, 0}, 0.5]
  }, Axes -> False, Boxed -> True, BoxRatios -> {1, 1, 1/5}, 
 BoxStyle -> Directive[Gray, Dashed, Thick], 
 PlotRange -> {{-20, 20}, {0, 40}, {-4, 4}}, ImageSize -> {900, 600},
 Epilog -> Inset[
   Text[Style["Title", FontSize -> 40, 
     FontFamily -> "Lucida Calligraphy"]], {Left, Top}, {Left, Top}]
 ]

the output is:enter image description here

The “title” is not placed at the top left corner on the image, i want it to be at the corner of the orange box, pls help.

Question about the search button in the right corner of a Facebook profile

In the right corner of a Facebook profile, there is the search button (pic attached)enter image description here, usable to find posts only on that individual profile. If I use that button could the person who owns that profile and other people see that I’m searching and what I’m searching?

thanks.