modal windows – Material Design | Dialoge from floating action button – how to do it? Is it even a good idea?

I’m designing a dark-mode-first desktop website for an online media organization.
One of the key characteristics of the organiation is its community, and how open, friendly, inviting and communical it is.

So, I thought of designing an FAB (floating action buttion) that supports those characteristics that will be used for connecting with the community.
Impelementation wise, it has a “contact us” text with a relevant icon, and should open up into a dialog. However, I’m not sure if an FAB opening into a dialog is in line with the Material Design guidelines. Is it?

Another issue that I have is that the FAB uses the primary accent color I defined, which I think is fine, since it’s small, how would I color the panel while showing that it’s an expansion of the button? I think it’s an issue for the big dialog from to have a fill primary color, which would be too colorful and bright in this color’s case. If it’s not against the Material Design guidelines, how would you advise me to go about designing it?

I thought of making only a border of the same color and treating the rest of the dialog like a regular card but I’m not sure about that layout.

Page with the contact us FAB:

Page with the contact us dialog open, red border, grey fill color:

Page with the contact us dialog open, red fill color:

I also saw a this Codepen that uses the same structure, only uses a menu header (I don’t know what else to call it) that has the FAB’s color. I’m not sure if it’s a good idea, but I’m thinking of having 2 sections in that dialog, which I think would be a good idea for this use case to be implemented as tabs. With 2 sections, one would be links to all the communities, and the other one will be for contacting the organization directly, so that Codepen’s structure with the header might be a good idea.

I’d appreciate thoughts on that structure as well.

Note about a closing option being missing: whichever structure I go with I’d have to choose what kind of closing mechanism I want, so in the meantime I didn’t add this option.

EDIT: I could also implement a contact option via a form, which would make the active role of the dialog a contact us/support dialog, in which case the positioning and the structure (dialog) would be traditional.

magento2 – Magento 2.4.2 – Addtocart Button Disabled

magento2 – Magento 2.4.2 – Addtocart Button Disabled – Magento Stack Exchange

AppleScript – IF trackpad button is down statement

I’d like to know if it’s possible (in AppleScript) to tell the difference between trackpad buton-down and trackpad button-up.

I’m trying to create a preset in ControllerMate to emporarily toggle the functionality of the trackpad click (button 1 – “left click”) with another functionality (button 2 – “middle click”).

This is my progress so far:


Thank you!

sharepoint online – Conditional visibility of the button in the List

I have configured button in my list, that triggers particular flow. However I would like the button to be visible only if there is value filled in particular column (e.g. column “Name”).

Cannot make it work as whenever I’m filling ANY condition as “display” or “visibility”, button just disappears:

  "$schema": "",
  "elmType": "button",
  "txtContent": "Trigger action",
  "customRowAction": {
    "action": "executeFlow",
    "actionParams": "{"id": ""}"
  "style": {
    "background-color": "red",
    "color": "white",
    "font-weight": "bold",
    "display": "=if((($Name) != ''),'visible')"

Any suggestions?

hyperlinks – When Link is read by the screen reader should it read it as Link button or Link?

When a screen reader reads the links how it should pronounce ‘Link button’ or ‘Link’?

Example: Show more… (a link) should the screen reader read it as Link or Link button?

Also, how the screen reader should read an icon buttons? Should it read as Icon button or button?

vba – Change the properties of every radio button in a group box sequentially

I want a group box with each radio button being one month of the year, and I want them to appear in order.

How can I cange the name property of all the radio buttons in a group in order programmatically, without having to go one button at a time and manually changing its name and text?

output formatting – Missing toggle button when hide a subsection of codes

enter image description here

I created two subsections and hide the code in both of them. However, the hide toggle button (‘the double arrow’) only appears at one of the subsections. I noticed some differences between these two subsections, which is noted in the above picture in blue. But I am still not sure how to fix it and make the toggle button apear for the first subsection.

usability – How to handle button states in a toolbar

I’m working on a toolbar containing objects that can be dragged into documents. You can also click on these objects to add them to the document. Some of these objects have restrictions and can be added just once. We show tooltips while hovering the objects that show these restrictions. The app manages many documents and you can browse them while the toolbar stays fixed on the right side of the window.

Once you added the object with restrictions (Blue button), is it better to disable it in the toolbar and show a tooltip on hover (picture A) or to keep the object active and show a message when you try to use it again (picture B)?

Picture A

Picture B

2013 – SP2013 – Start Workflow from Button with redirect

The title says it all. Functional needs are simple. User selects an item from the list, we are then using (no InfoPath) a custom WebPart using jQuery to build item’s page. There needs to be a button that when pressed executes a Workflow and then redirects user to a view in another list. I have found a few threads but none have produced the desired results.

I did come across a thread that used this as a solution (

/_layouts/15/wfstart.aspx?List={ListId}&ID={ItemId}&TemplateID={<templateID of workflow>}&SubscriptionID={<SubscriptionID of workflow>}&Source=<url>

Keep List={ListId}&ID={ItemId}

< url > is wherever you want the user to navigate to after you start the workflow.

< template id of workflow > is the template ID of the workflow you get by going to the initiation form manually and copying it from the URL.

Using the above code I created this block of code:

var listId = _spPageContextInfo.pageListId; 
var currentItemId = parseInt(GetUrlKeyValue('ID'));
var TemplateID='8623F06A-51D7-445D-A682-0D9982F63322';  // Taken from Designer
var SubscriptionID='4146511B-F264-48B3-9916-48E1FDC55FC7'; // Taken from Designer
var redirectURL = '< REPLACE with URL >';

let workflowURL = `/_layouts/15/wfstart.aspx?List={${listId}}&ID={${currentItemId}}&TemplateID={${TemplateID}}&SubscriptionID={${SubscriptionID}}&Source=${redirectURL}`;
window.location.href = workflowURL;

My problem when I click the button I get a 404 error, page not found. I have also tried to add the complete address before the /_layout and there is no difference.

Any thoughts on how to fix this or alternate solutions would be great.

DreamProxies - Cheapest USA Elite Private Proxies 100 Private Proxies 200 Private Proxies 400 Private Proxies 1000 Private Proxies 2000 Private Proxies - Buy Cheap Private Proxies Buy 50 Private Proxies Buy 100 Private Proxies Buy 200 Private Proxies Buy 500 Private Proxies Buy 1000 Private Proxies Buy 2000 Private Proxies ProxiesLive New Proxy Lists Every Day Proxies123