GithubHelp home page GithubHelp logo

Comments (20)

amirkhan81 avatar amirkhan81 commented on June 18, 2024 1

@jamiepollock Awesome! Ping me if you need any help!

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024 1

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

Hey @amirkhan81, thanks for testing out Grid Settings! I'm sorry, I don't quite understand your issue.

are you expecting it to output grid-row-scheme-Green or grid-row-scheme-Blue? But instead you're getting grid-row-scheme-#00ff00 and grid-row-scheme-#0000ff?

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Hi @jamiepollock, great package and thanks for the reply. Its actually just outputting #0000FF, ignoring the grid-row-scheme all together. Though ideally I'd like grid-row-scheme-green so its cleaner to target with CSS.

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

@amirkhan81 Thanks! :) Interesting. Is this a setting or a style property? I'm thinking this is standard Umbraco behaviour as all this package is doing is providing a means for authors to add values.

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

@jamiepollock It is a settings property. You could be right. The below however works as expected, maybe something with the new ability to add both a label and a value.

{
"label": "Background Color",
"description": "Select the background color you want for this row",
"key": "class1",
"applyTo": "row",
"view": "radiobuttonlist",
"prevalues": [
"none",
"red",
"blue",
"gray-light",
"gray-medium",
"gray-darnk"
],
"modifier": "grid-row-scheme-{0}"
},

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

Also sadly the current version does not support the label value as something passed as a saved value. It's simply there for display purposes.

However I can see the need for wanting to add this in. I don't have a solution at this time but I'll keep this in mind for a future update. I believe any changes to the current colour picker in how values are saved would lead to a breaking change. So a new color picker which supported classes would end up being a new property editor.

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

@amirkhan81 hmm, I see. Could be the #? clutching at straws here. I'll see about adding in a colour picker which supports classes in the next update. That should be in the next couple of days as I'm working on some DevOps work right now.

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

Hey @amirkhan81, I have some time to work on this today. How are you using this package? I only ask because I'll have some build artifacts over on AppVeyor soon.

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Hi @jamiepollock , I'm using it to add a background color datatype in the grid editor settings JSON. Nothing fancy. Umbraco version 7.5.11. Top of the thread is the exact JSON I was using which is outputting in the class of the row "#ffffff" for example, we do have a way of rendering the classes that isn't standard to allow multiple classes, info on that here: https://our.umbraco.org/forum/umbraco-7/using-umbraco-7/60368-Grid-Settings-PreValueEditors

And attached is our view to render the grid.

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Content.txt

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

Ahh, that's good to know. Sorry I meant to ask are using the nuget or Umbraco Package zip file?

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Ah sorry, Package Zip file.

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

No worries! My question wasn't clear. I'll have a package zip ready for you in a bit. Should be ready in the next half an hour.

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Awesome, in meetings for the next 2ish hours. just didn't want to leave you waiting for feedback.

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

@amirkhan81 appreciate it :)

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

@amirkhan81 okay, you can find the latest build with the new "Class Color Picker" over on Appveyor.

Also usage documentation here!

You're going to need to change your editor view path from ColorPicker to ClassColorPicker and reverse the key value pairs. As noted in the docs string values won't work any more as we're going to need both the label & value values.

Let me know what you think! Also from what I could see, yep there's an issue with multiple values for a class but at least you have a picker now to provide a class nicely :)

from umbraco-grid-settings.

amirkhan81 avatar amirkhan81 commented on June 18, 2024

Confirming this works as expected!

That grid view I sent you btw is a handy fix for the class issue you can assign as many as you want as long as the key is class+somethingunique.

Thanks again!

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

@amirkhan81 awesome :) yea, I'm thinking about putting a helper class in at some point to help with classes like this.

I'll have an "official" release on Our Umbraco tomorrow but it'll be exactly the same code just versioned differently. Thanks for introducing a new bit of functionality to this package :)

Can I close this ticket now?

from umbraco-grid-settings.

jamiepollock avatar jamiepollock commented on June 18, 2024

Hey @amirkhan81, in case you missed it. This release is now live and available on the releases section and also Our Umbraco. :)

I've given you a nod as thanks for your support on this new addition.

Thanks again!

from umbraco-grid-settings.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.