Jump to content

Display list page references (Disable select)


Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Similar Content

    • By sambadave
      Hi everyone, here's the problem I'm trying to solve.
      I have a config area in my PW admin that is locked down for admin use. I use pages to store a bunch of settings that I'll use for my clients website. It's mostly used for visual things like colours and theming. This list could be tiny or large, depending on the sites requirements, but its great because I can store any information I want to. So the page tree could look something like this:
      Home Config Aesthetics Colours Red Field: Custom Label - "Red" Field: Class name - "theme--red' Green Field: Custom Label - "Green" Field: Class name - "theme--green' Blue Field: Custom Label - "Blue" Field: Class name - "theme--blue' etc... Sizes Small Field: Custom Label - "Small" Field: Class name - "sm' Medium Field: Custom Label - "Medium" Field: Class name - "md Large Field: Custom Label - "Medium" Field: Class name - "lg" etc... Icons Target Field: Custom Label - "Hands shaking Icon" Field: Icon SVG - "[svg code]' Target Field: Custom Label - "Target icon" Field: Icon SVG - "[svg code]' Success Field: Custom Label - "Happy face icon" Field: Icon SVG - "[svg code]' etc... HOW I USE THIS
      I'm then able to set up page reference fields for colour, size and icons. I'll use these fields on particular pages so that my clients can select a particular colour, size or icon, or anything really. Currently, with the page reference field I can create a custom label for the options. So for something like colour I can label the field "Theme" and present a list of colours like "Red, "Green" and "Blue" using the custom page label label format of the colours page.
      This of course means that I can use this to do some lovely presentation on the front end of the site. With a colour selected I'll then be able to use the page reference to get the class name for that colour theme so that I can update the page's look and feel. So in my markup I'd end up with "theme--red" or "theme--green" etc.
      I have this all working which is great and it's really flexible for the client which they love. However, I'd love to be able to make things more visual for the client.
      Is there a way to be able to output more than just text in the page reference field? I might have a bunch of different blue colours, so instead of a list like so:
      Navy Blue Deep Blue Bright Blue Sea Blue ... it would be great to be able to output actual colour swatches, which is a lot mor visual for the client.
      Taking the icon selector, I would ideally like to show the actual svg that I've stored against that icon as a selectable image instead of seeing text options like:
      Hands shaking icon Target icon Happy face icon Just a couple of scenarios here, but as you can see there could be any number of reasons to display a more visual method of selection.
      I've looked at modules like FieldtypeColorPicker which could help in solving the colour issue, but it doesn't allow me to select a colour and then use a particular class name assigned to it the way I describe above.
      Considering the other use cases I mention above, does anyone know if anything exists already that would help me to create custom presentaion for page reference lists, or if there's anything planned?
      Thank you in advance for anyone who's read this far and has any words of wisdom!
    • By swampmusic
      Trying to figure out work flow for translators on a new website and have hit a brick wall.
      Site was launched in Spanish, now the translators want to add in other languages.
      I presumed that when you tick the "active" language checkbox on settings for the home page, then the new language would not appear on the public facing website, but translators would be able to work with the pages in the admin and view their work.
      Finally, once all translation had been completed, we could activate the language from the home page.
      I have searched thru the forums and found older articles from 2015 here.
      https://processwire.com/talk/topic/11100-disable-a-language-on-a-multilanguage-site/ https://processwire.com/talk/topic/10467-allow-translators-to-work-on-hidden-language/ This seems a really messy hack, or did i miss something ?
      Does anyone know if there has been an update within Processwire since 2015  to make this better/easier, or other articles explaining how to achieve it ?
      We were looking for a solution that the client can use from within Admin. Not via .htaccess or similar that would require tech skills.
      Many thanks for reading 🙂
    • By Schwab
      Is there a way to manipulate Reference Page Fields by the API?
      I want users to add page reference items to the field, but found no information about it.
      The other option I see is using Repeaters instead and save the page id of the referenced page in the repeater field. But creating or deleting the Reference Page field would be nicer. There is no automatic update of the id in the repeater, in case of a change to the referenced page.
      Any solutions?
      Cheers Simon
    • By waheed
      Custom PHP code is available for use in PageReference field type. Is it possible to use custom php to generate the values for a Select Options FieldType?? 
      What I'm to trying to achieve is to generate values for a options field from values for repeater in a grand parent's page (parent of parent page).
    • By texobyte
      In my template I have an UL (see code example 1) which I am converting to the ProcessWire CMS. Now I am unsure how to do this... and I have done the code on the repeater via the docs example (see code example 2) but I am not getting any results. My backend is setup with a repeater field called home_slider and inside the repeater is: [ image is sliderimg title is slider_title and text is slider_text].
      <ul class="orbit-container"> <button aria-label="previous" class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀</button> <button aria-label="next" class="orbit-next"><span class="show-for-sr">Next Slide</span>▶</button> <li class="orbit-slide"> <div class="clearfix"> <div class="small-12 large-10 large-centered columns"> <div class="featured-image float-left"> <img src="/assets/img/sans-graphic.jpg" style="height:340px;width:auto;" alt="Scrolling Featured Images"/></div> <div class="featured-text"> <h3>SANS</h3> <p>The Submarine Acoustic Navigation System Beacon is an undersea, bottom-mounted...</p> <a href="/technology.html" class="button">Read More</a> </div> </div> </div> </li> <li class="orbit-slide"> <div class="clearfix"> <div class="small-12 large-10 large-centered columns"> <div class="featured-image float-left"> <img src="/assets/img/smart.jpg" style="height:340px;width:auto;" alt="Scrolling Featured Images"/> </div> <div class="featured-text"> <h3>SMART</h3> <p>Standardized Metrics Assesments of Readiness and Training is an analysis tool...</p> <a href="/technology.html" class="button">Read More</a> </div> </div> </div> </li> <li class="orbit-slide"> <div class="clearfix"> <div class="small-12 large-10 large-centered columns"> <div class="featured-image float-left"> <img src="/assets/img/acms/acms-2.png" style="height:340px;width:auto;" alt="Scrolling Featured Images"/> </div> <div class="featured-text"> <h3>ACMS</h3> <p>Advanced Contact Management Systems aids commanding officers in gathering actionable sonar information...</p> <a href="/technology.html" class="button">Read More</a> </div> </div> </div> </li> </ul> CODE EXAMPLE 2:
      <? foreach($page->home_sliders as $home_slider) { <li class='orbit-slide'> <div class='clearfix'> <div class='small-12 large-10 large-centered columns'> <div class='featured-image float-left'> echo "<img src='{$home_slider->sliderimg}' style='height:340px;width:auto;' alt='Scrolling Featured Images'/>"; </div> <div class='featured-text'> echo "<h3>{$home_slider->slider_title}</h3>"; echo "<p>{$home_slider->slider_text}</p>"; echo "<a href='{$home_slider->slider_btn_url}' class='button'>Read More</a>"; </div> </div> </div> </li> } ?>  
  • Create New...