Modus is alive!
But I broke it with modus chips…
I may jump to the accordions…
Groups of attributes.
In Tag Selected, names can be entered. But it might be nice to also be able to select a number of attributes at the same time.
It looks ok with the text on a colored background, is it possible to remove the eye? For unselected attributes does the text appear without a background or does it not appear at all?
Yes! 
I was adding the “chips” and broke the visibility toggling. I would remove the all-seeing eye of Sauron but I need another way to toggle visibility. They could be faded. But I also had an indicator that they were selected (another color for selected). The selected can be grouped (for accordion / headings). The chips had a few options, like a checkmark, that I thought could indicate selection while fading could be for visibility status.
)
I like it but I’m focused on the HTML Tag Dialog (All Tags/Attributes in Model) for the moment. The main purpose of this dialog is to control visibility.
I’m not sure about showing assigned on the Tag Manager Dialog. As of now the Selected Entities are shown on top. On the bottom, in Selection Attributes, all of the attributes on the selected entities are shown.
Tag Selected is where I could show other tags. The HTML Tag Dialog shows all of the attributes in the dictionary / available.
So you’d like to be able to add attributes to selected entities by selecting the name/badge. It still needs a New Attribute input field. I was going to do the attribute grouping in the other dialog. But maybe that would be better in the Tag Manager.
Let me see if I can get rid of that evil eye now:
1 Like
Do you like Modus Layout at all? Modus Layout | Trimble Modus Bootstrap Developer Guide
Yes and I hope it’s simpler that way.
I will have to start reading about it and look for the tutorial in which it is presented, but overall it is a step forward.
It remains to be seen how a future SketchUp interface will look and how the extensions will be integrated.
By chance I also discovered what ‘‘chips’’ means
Those two buttons look good for the two states: selected - white text/blue background, respectively unselected - text and border on neutral background (depending on the theme - white/dark). Also, I know that in Bootstrap there is ‘‘in-line’’, so that the buttons are placed horizontally, one after the other, to take up less space.
Sorry - I had a link to Modus Components but Discourse warned me that I had already linked to that page. Yes, that check mark looked promising. But now I’m not so sure. I like that it fades when the visibility eye is toggled. But I also want to select them to create the Attribute Groups… so it looks like I can either use them as the visibility toggle buttons or the selection buttons.
Here’s what I mean. In the following, the Attribute Groups are on top (with no formatting). The labels, LEVELS and STUFF GROUP were created from the list of all Attributes in the model. Those would be accordions… the attributes could use flex / be horizontal which would save a lot of space.
I dunno if I can get away from the all-seeing eye of Sauron. Or at least I may need another button. I’m just not sure what I should use from Modus. I could add a checkbox next to the attribute… Lists would be good but I want the attributes to be horizontal -as you are showing- because that would be easiest to use.
You can add the link, the message is for information.
In Bootstrap help I found the ‘select’ option, but I still have to look for how it can be implemented in the button and how it could make the connection further.
I hope you can keep only those two buttons, without any other visible additions, for a simple and clear interface.
Better late than never: Chips | Trimble Modus Bootstrap Developer Guide
The video you show looks basically like a list. I like it… if I used lists, I’d add a checkbox or a radio button aligned right or left to toggle visibility. But I was going with the “Chips” so the attributes can be horizontally displayed (like you showed earlier). I think that would be ‘tidy’ and easier to use than long vertical lists (even if they can be collapsed). If the check mark in the Chip was a separate button within a button, I’d use that. I might have to make some kind of weird little double button.
To make that connection, do you need the chip/button to send to a specific link/address (like an ‘‘a href’’)?
Eh… they update with the attribute names, they have a fade when the visibility icon is toggled and they are selectable for the Group Attributes button to group under the name in the input field. I guess they basically work with javascript. But there might be things I don’t understand about Modus. They are giving me grief…
They are available from the Modus Bootstrap… in the html < head >
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trimbleinc/modus-bootstrap@1.6.2/dist/modus.min.css">
That little icon on the top:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1.3.2/dist/modus-solid/fonts/modus-icons.css">
And the dark mode that I didn’t get working:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trimbleinc/modus-bootstrap@1.6.2/dist/modus-dark.min.css" media="(prefers-color-scheme: dark)" />
Maybe one of the developers or sages can lend a helping hand if they have time for this… @dezmo, @ChrisDizon, @DanRathbun, @thomthom… Thank you in advance!
I made the check on the chip a button… and the text selectable. The eye is no longer with us…
1 Like
